<template>
  <el-tabs v-model="activeName" @tab-click="handleClick">
    <el-dialog title="新增记录" :visible.sync="AddFlag" center width="70%" append-to-body text-align="center" v-if="AddFlag" @close="afterCloseAdd">
      <add-record
        :element-id="elementId"
        :perms="perms"
        :addRecordLhsxbFlag="addRecordLhsxbFlag"
        :addRecordHjxwbFlag="addRecordHjxwbFlag"
        :addRecordStwhbFlag="addRecordStwhbFlag"
        :addRecordJkwhbFlag="addRecordJkwhbFlag"
        :addRecordHyxxbFlag="addRecordHyxxbFlag"
        :labelName="labelName"
        :btName="btName"
        :showdata="showdata"/>
    </el-dialog>
    <el-dialog :title="label" :visible.sync="UpdateFlag" center width="70%" append-to-body text-align="center" v-if="UpdateFlag" @close="afterCloseUpdate">
      <update-and-correct
        :element-id="elementId"
        :perms="perms"
        :updateLhsxbFlag="updateLhsxbFlag"
        :updateHjxwbFlag="updateHjxwbFlag"
        :updateStwhbFlag="updateStwhbFlag"
        :updateJkwhbFlag="updateJkwhbFlag"
        :updateHyxxbFlag="updateHyxxbFlag"
        :labelName="labelName"
        :btName="btName"
        :showdata="showdata"/>
    </el-dialog>
    <el-dialog title="更多详情" :visible.sync="ViewFlag" center width="70%" append-to-body text-align="center" v-if="ViewFlag" @close="afterCloseMore">
      <more-element
        :element-id="elementId"
        :perms="perms"
        :moreLhsxbFlag="moreLhsxbFlag"
        :moreHjxwbFlag="moreHjxwbFlag"
        :moreStwhbFlag="moreStwhbFlag"
        :moreJkwhbFlag="moreJkwhbFlag"
        :moreHyxxbFlag="moreHyxxbFlag"
        :title="title"
        :btName="btName"
        :attribute="attribute"/>

    </el-dialog>
    <el-tab-pane label="标识信息表" name="bsxxb">

      <div id="base_info" class="base_info">
        <el-scrollbar style="height:100%;">
          <el-container class="elementDetail">
            <table  id="baseinfo">
              <tr>
                <th style="width: 10px;height: 38px;text-align:center;vertical-align:middle;">参数</th>
                <th style="width: 210px;text-align:center;vertical-align:middle;">值</th>
                <th style="width: 80px;text-align:center;vertical-align:middle;">结构式</th>
              </tr>
              <tr>
                <td>物质编码</td>
                <td align="left" style="width: 100px;height:30px;text-align:left;vertical-align:middle;">{{ element.baseinfoWzbm }}</td>
              </tr>
              <tr>
                <td>物质类型</td>
                <td align="left" style="width: 100px;height:30px;text-align:left;vertical-align:middle;">{{ element.baseinfoType }}</td>
              </tr>
              <tr>
                <td>中文名称</td>
                <td align="left" style="width: 100px;height:30px;text-align:left;vertical-align:middle;">{{ element.baseinfoZwmc }}</td>
              </tr>
              <tr>
                <td>中文其他名称</td>
                <td align="left" style="width: 100px;height:30px;text-align:left;vertical-align:middle;">{{ element.baseinfoZwqtmc }}</td>
              </tr>
              <tr>
                <td>英文名称</td>
                <td align="left" style="width: 100px;height:30px;text-align:left;vertical-align:middle;">{{ element.baseinfoYwmc }}</td>
              </tr>
              <tr>
                <td>英文其他名称</td>
                <td align="left" style="width: 100px;height:30px;text-align:left;vertical-align:middle;">{{ element.baseinfoYwqtmc }}</td>
              </tr>
              <tr>
                <td>IUPAC名称</td>
                <td align="left" style="width: 100px;height:30px;text-align:left;vertical-align:middle;">{{ element.baseinfoIupac }}</td>
              </tr>
              <tr>
                <td>CAS编码</td>
                <td align="left" style="width: 100px;height:30px;text-align:left;vertical-align:middle;">{{ element.baseinfoCas }}</td>
              </tr>
              <tr v-for="item in element.baseinfoCasElse">
                <td>其它CAS号</td>
                <td align="left">{{ item }}</td>
              </tr>
              <tr>
                <td>C.I.</td>
                <td align="left" style="width: 100px;height:30px;text-align:left;vertical-align:middle;">{{ element.baseinfoCi}}</td>
              </tr>
              <tr>
                <td>SMILE码</td>
                <td align="left" style="width: 100px;height:30px;text-align:left;vertical-align:middle;">{{ element.baseinfoSmiles }}</td>
              </tr>
              <tr>
                <td>分子式</td>
                <td align="left" style="width: 100px;height:30px;text-align:left;vertical-align:middle;">{{ element.baseinfoFzs }}</td>
              </tr>
              <tr>
                <td>相对分子质量</td>
                <td align="left" style="width: 100px;height:30px;text-align:left;vertical-align:middle;">{{ element.baseinfo_xdfzzl }}</td>
              </tr>
              <img  style="height: 91%; width: 25%; position: absolute; left: 82.2%; top: 9.1%; margin-left:-8%;" :src="this.element.picBase64" alt="">
            </table>
            <!--            <img  style="height:100%;width: 320px;position: relative;left: 1349px;top: -3%;margin-top: 49px;margin-left: -24px;" :src="this.element.picBase64" alt="">-->

          </el-container>
        </el-scrollbar>
      </div>
    </el-tab-pane>
    <el-tab-pane label="理化属性表" name="lhsxb">

      <div id="pc_properties" class="pc_properties">
        <el-scrollbar style="height:100%;">
          <el-container class="elementDetail">
            <table
            >
              <tr>
                <th style="width: 100px;height:40px;text-align:center;vertical-align:middle;">属性</th>
                <th style="width: 90px;text-align:center;vertical-align:middle;">单位</th>
                <th style="width: 70px;text-align:center;vertical-align:middle;">值</th>
                <th style="width: 90px;text-align:center;vertical-align:middle;">温度(℃)</th>
                <th style="width: 98px;text-align:center;vertical-align:middle;">压强(Pa)</th>
                <th style="width: 420px;text-align:center;vertical-align:middle;">实测/预测</th>
                <th style="width: 380px;text-align:center;vertical-align:middle;">数据来源</th>
                <th style="width: 420px;text-align:center;vertical-align:middle;">备注</th>
                <th style="width: 160px;text-align:center;vertical-align:middle;">操作</th>
              </tr>

              <tr>
                <td>基本性状</td>
                <td>/</td>
                <td >{{ lhsxbJbxz.value}}</td>
                <td >{{ lhsxbJbxz.temperature}}</td>
                <td >{{ lhsxbJbxz.pa}}</td>
                <td align="left">{{ lhsxbJbxz.shiceyuce}}</td>
                <td align="left">{{ lhsxbJbxz.resource}}</td>
                <td align="left">{{ lhsxbJbxz.remark}}</td>
                <td><el-button type="text" @click="viewMoreLhsxb('基本性状')">更多</el-button>/

                  <el-button
                    :perms="perms"
                    :label="label_add"
                    type="text"
                    @click="addRecordLhsxb('基本性状')"
                  >{{label_add}}</el-button>/

                  <el-button
                    :perms="perms"
                    :label="label"
                    type="text"
                    @click="updateLhsxb('基本性状')"
                  >{{label}}</el-button>
                </td>
              </tr>
              <tr>
                <td>沸点</td>
                <td>℃</td>
                <td align="left">{{ lhsxbFd.value }}</td>
                <td align="left">{{ lhsxbFd.temperature }}</td>
                <td align="left">{{ lhsxbFd.pa }}</td>
                <td align="left">{{ lhsxbFd.shiceyuce }}</td>
                <td align="left">{{ lhsxbFd.resource }}</td>
                <td align="left">{{ lhsxbFd.remark}}</td>
                <td><el-button type="text" @click="viewMoreLhsxb('沸点')">更多</el-button>/
                  <el-button
                    :perms="perms"
                    :label="label_add"
                    type="text"
                    @click="addRecordLhsxb('沸点')"
                  >{{label_add}}</el-button>/

                  <el-button
                    :perms="perms"
                    :label="label"
                    type="text"
                    @click="updateLhsxb('沸点')"
                  >{{label}}</el-button>
                </td>
              </tr>
              <tr>
                <td>水溶解度</td>
                <td>mg/L</td>
                <td align="left">{{ lhsxbSrjd.value }}</td>
                <td align="left">{{ lhsxbSrjd.temperature }}</td>
                <td align="left">{{ lhsxbSrjd.pa }}</td>
                <td align="left">{{ lhsxbSrjd.shiceyuce }}</td>
                <td align="left">{{ lhsxbSrjd.resource }}</td>
                <td align="left">{{ lhsxbSrjd.remark }}</td>
                <td><el-button type="text" @click="viewMoreLhsxb('水溶解度')">更多</el-button>/

                  <el-button
                    :perms="perms"
                    :label="label_add"
                    type="text"
                    @click="addRecordLhsxb('水溶解度')"
                  >{{label_add}}</el-button>/

                  <el-button
                    :perms="perms"
                    :label="label"
                    type="text"
                    @click="updateLhsxb('水溶解度')"
                  >{{label}}</el-button>
                </td>
              </tr>

              <tr>
                <td>饱和蒸气压</td>
                <td>Pa</td>
                <td align="left">{{ lhsxbBhzqy.value }}</td>
                <td align="left">{{ lhsxbBhzqy.temperature }}</td>
                <td align="left">{{ lhsxbBhzqy.pa }}</td>
                <td align="left">{{ lhsxbBhzqy.shiceyuce }}</td>
                <td align="left">{{ lhsxbBhzqy.resource }}</td>
                <td align="left">{{ lhsxbBhzqy.remark }}</td>
                <td><el-button type="text" @click="viewMoreLhsxb('饱和蒸气压')">更多</el-button>/

                  <el-button
                    :perms="perms"
                    :label="label_add"
                    type="text"
                    @click="addRecordLhsxb('饱和蒸气压')"
                  >{{label_add}}</el-button>/

                  <el-button
                    :perms="perms"
                    :label="label"
                    type="text"
                    @click="updateLhsxb('饱和蒸气压')"
                  >{{label}}</el-button>
                </td>
              </tr>

              <tr>
                <td>熔点</td>
                <td>℃</td>
                <td align="left">{{ lhsxbRd.value }}</td>
                <td align="left">{{ lhsxbRd.temperature }}</td>
                <td align="left">{{ lhsxbRd.pa }}</td>
                <td align="left">{{ lhsxbRd.shiceyuce }}</td>
                <td align="left">{{ lhsxbRd.resource }}</td>
                <td align="left">{{ lhsxbRd.remark }}</td>
                <td><el-button type="text" @click="viewMoreLhsxb('熔点')">更多</el-button>/

                  <el-button
                    :perms="perms"
                    :label="label_add"
                    type="text"
                    @click="addRecordLhsxb('熔点')"
                  >{{label_add}}</el-button>/

                  <el-button
                    :perms="perms"
                    :label="label"
                    type="text"
                    @click="updateLhsxb('熔点')"
                  >{{label}}</el-button>
                </td>
              </tr>

              <tr>
                <td>相对密度</td>
                <td>Kg/m³</td>
                <td align="left">{{ lhsxbXdmd.value }}</td>
                <td align="left">{{ lhsxbXdmd.temperature }}</td>
                <td align="left">{{ lhsxbXdmd.pa }}</td>
                <td align="left">{{ lhsxbXdmd.shiceyuce }}</td>
                <td align="left">{{ lhsxbXdmd.resource }}</td>
                <td align="left">{{ lhsxbXdmd.remark }}</td>
                <td><el-button type="text" @click="viewMoreLhsxb('相对密度')">更多</el-button>/

                  <el-button
                    :perms="perms"
                    :label="label_add"
                    type="text"
                    @click="addRecordLhsxb('相对密度')"
                  >{{label_add}}</el-button>/

                  <el-button
                    :perms="perms"
                    :label="label"
                    type="text"
                    @click="updateLhsxb('相对密度')"
                  >{{label}}</el-button>
                </td>
              </tr>

              <tr>
                <td>闪点</td>
                <td>℃</td>
                <td align="left">{{ lhsxbSd.value }}</td>
                <td align="left">{{ lhsxbSd.temperature }}</td>
                <td align="left">{{ lhsxbSd.pa }}</td>
                <td align="left">{{ lhsxbSd.shiceyuce }}</td>
                <td align="left">{{ lhsxbSd.resource }}</td>
                <td align="left">{{ lhsxbSd.remark }}</td>
                <td><el-button type="text" @click="viewMoreLhsxb('闪点')">更多</el-button>/

                  <el-button
                    :perms="perms"
                    :label="label_add"
                    type="text"
                    @click="addRecordLhsxb('闪点')"
                  >{{label_add}}</el-button>/

                  <el-button
                    :perms="perms"
                    :label="label"
                    type="text"
                    @click="updateLhsxb('闪点')"
                  >{{label}}</el-button>
                </td>
              </tr>

              <tr>
                <td>亨利常数</td>
                <td>Pa.m³/mol</td>
                <td align="left">{{ lhsxbHlcs.value }}</td>
                <td align="left">{{ lhsxbHlcs.temperature }}</td>
                <td align="left">{{ lhsxbHlcs.pa }}</td>
                <td align="left">{{ lhsxbHlcs.shiceyuce }}</td>
                <td align="left">{{ lhsxbHlcs.resource }}</td>
                <td align="left">{{ lhsxbHlcs.remark }}</td>
                <td><el-button type="text" @click="viewMoreLhsxb('亨利常数')">更多</el-button>/

                  <el-button
                    :perms="perms"
                    :label="label_add"
                    type="text"
                    @click="addRecordLhsxb('亨利常数')"
                  >{{label_add}}</el-button>/

                  <el-button
                    :perms="perms"
                    :label="label"
                    type="text"
                    @click="updateLhsxb('亨利常数')"
                  >{{label}}</el-button>
                </td>

              </tr>

              <tr>
                <td>Log Kow</td>
                <td>/</td>
                <td align="left">{{ lhsxbLogkow.value }}</td>
                <td align="left">{{ lhsxbLogkow.temperature }}</td>
                <td align="left">{{ lhsxbLogkow.pa }}</td>
                <td align="left">{{ lhsxbLogkow.shiceyuce }}</td>
                <td align="left">{{ lhsxbLogkow.resource }}</td>
                <td align="left">{{ lhsxbLogkow.remark }}</td>
                <td><el-button type="text" @click="viewMoreLhsxb('Log Kow')">更多</el-button>/

                  <el-button
                    :perms="perms"
                    :label="label_add"
                    type="text"
                    @click="addRecordLhsxb('Log Kow')"
                  >{{label_add}}</el-button>/

                  <el-button
                    :perms="perms"
                    :label="label"
                    type="text"
                    @click="updateLhsxb('Log Kow')"
                  >{{label}}</el-button>
                </td>

              </tr>

              <tr>
                <td>Koc</td>
                <td>/</td>
                <td align="left">{{ lhsxbKoc.value }}</td>
                <td align="left">{{ lhsxbKoc.temperature }}</td>
                <td align="left">{{ lhsxbKoc.pa }}</td>
                <td align="left">{{ lhsxbKoc.shiceyuce }}</td>
                <td align="left">{{ lhsxbKoc.resource }}</td>
                <td align="left">{{ lhsxbKoc.remark }}</td>
                <td><el-button type="text" @click="viewMoreLhsxb('Koc')">更多</el-button>/

                  <el-button
                    :perms="perms"
                    :label="label_add"
                    type="text"
                    @click="addRecordLhsxb('Koc')"
                  >{{label_add}}</el-button>/

                  <el-button
                    :perms="perms"
                    :label="label"
                    type="text"
                    @click="updateLhsxb('Koc')"
                  >{{label}}</el-button>
                </td>

              </tr>

              <tr>
                <td>解离常数</td>
                <td>/</td>
                <td align="left">{{ lhsxbJlcs.value }}</td>
                <td align="left">{{ lhsxbJlcs.temperature }}</td>
                <td align="left">{{ lhsxbJlcs.pa }}</td>
                <td align="left">{{ lhsxbJlcs.shiceyuce }}</td>
                <td align="left">{{ lhsxbJlcs.resource }}</td>
                <td align="left">{{ lhsxbJlcs.remark }}</td>
                <td><el-button type="text" @click="viewMoreLhsxb('解离常数')">更多</el-button>/

                  <el-button
                    :perms="perms"
                    :label="label_add"
                    type="text"
                    @click="addRecordLhsxb('解离常数')"
                  >{{label_add}}</el-button>/

                  <el-button
                    :perms="perms"
                    :label="label"
                    type="text"
                    @click="updateLhsxb('解离常数')"
                  >{{label}}</el-button>
                </td>

              </tr>
              <tr>
                <td>燃烧性</td>
                <td>/</td>
                <td align="left">{{ lhsxbRsx.value }}</td>
                <td align="left">{{ lhsxbRsx.temperature }}</td>
                <td align="left">{{ lhsxbRsx.pa }}</td>
                <td align="left">{{ lhsxbRsx.shiceyuce }}</td>
                <td align="left">{{ lhsxbRsx.resource }}</td>
                <td align="left">{{ lhsxbRsx.remark }}</td>
                <td><el-button type="text" @click="viewMoreLhsxb('燃烧性')">更多</el-button>/

                  <el-button
                    :perms="perms"
                    :label="label_add"
                    type="text"
                    @click="addRecordLhsxb('燃烧性')"
                  >{{label_add}}</el-button>/

                  <el-button
                    :perms="perms"
                    :label="label"
                    type="text"
                    @click="updateLhsxb('燃烧性')"
                  >{{label}}</el-button>
                </td>
              </tr>
              <tr>
                <td>氧化性</td>
                <td>/</td>
                <td align="left">{{ lhsxbYhx.value }}</td>
                <td align="left">{{ lhsxbYhx.temperature }}</td>
                <td align="left">{{ lhsxbYhx.pa }}</td>
                <td align="left">{{ lhsxbYhx.shiceyuce }}</td>
                <td align="left">{{ lhsxbYhx.resource }}</td>
                <td align="left">{{ lhsxbYhx.remark }}</td>
                <td><el-button type="text" @click="viewMoreLhsxb('氧化性')">更多</el-button>/

                  <el-button
                    :perms="perms"
                    :label="label_add"
                    type="text"
                    @click="addRecordLhsxb('氧化性')"
                  >{{label_add}}</el-button>/

                  <el-button
                    :perms="perms"
                    :label="label"
                    type="text"
                    @click="updateLhsxb('氧化性')"
                  >{{label}}</el-button>
                </td>
              </tr>
              <tr>
                <td>爆炸性</td>
                <td>/</td>
                <td align="left">{{ lhsxbBzx.value }}</td>
                <td align="left">{{ lhsxbBzx.temperature }}</td>
                <td align="left">{{ lhsxbBzx.pa }}</td>
                <td align="left">{{ lhsxbBzx.shiceyuce }}</td>
                <td align="left">{{ lhsxbBzx.resource }}</td>
                <td align="left">{{ lhsxbBzx.remark }}</td>
                <td><el-button type="text" @click="viewMoreLhsxb('爆炸性')">更多</el-button>/

                  <el-button
                    :perms="perms"
                    :label="label_add"
                    type="text"
                    @click="addRecordLhsxb('爆炸性')"
                  >{{label_add}}</el-button>/

                  <el-button
                    :perms="perms"
                    :label="label"
                    type="text"
                    @click="updateLhsxb('爆炸性')"
                  >{{label}}</el-button>
                </td>
              </tr>
              <tr>
                <td>表面张力</td>
                <td>/</td>
                <td align="left">{{ lhsxbBmzl.value }}</td>
                <td align="left">{{ lhsxbBmzl.temperature }}</td>
                <td align="left">{{ lhsxbBmzl.pa }}</td>
                <td align="left">{{ lhsxbBmzl.shiceyuce }}</td>
                <td align="left">{{ lhsxbBmzl.resource }}</td>
                <td align="left">{{ lhsxbBmzl.remark }}</td>
                <td><el-button type="text" @click="viewMoreLhsxb('表面张力')">更多</el-button>/

                  <el-button
                    :perms="perms"
                    :label="label_add"
                    type="text"
                    @click="addRecordLhsxb('表面张力')"
                  >{{label_add}}</el-button>/

                  <el-button
                    :perms="perms"
                    :label="label"
                    type="text"
                    @click="updateLhsxb('表面张力')"
                  >{{label}}</el-button>
                </td>

              </tr>
              <tr>
                <td>PH</td>
                <td>/</td>
                <td align="left">{{ lhsxbPh.value }}</td>
                <td align="left">{{ lhsxbPh.temperature }}</td>
                <td align="left">{{ lhsxbPh.pa }}</td>
                <td align="left">{{ lhsxbPh.shiceyuce }}</td>
                <td align="left">{{ lhsxbPh.resource }}</td>
                <td align="left">{{ lhsxbPh.remark }}</td>
                <td><el-button type="text" @click="viewMoreLhsxb('PH')">更多</el-button>/

                  <el-button
                    :perms="perms"
                    :label="label_add"
                    type="text"
                    @click="addRecordLhsxb('PH')"
                  >{{label_add}}</el-button>/

                  <el-button
                    :perms="perms"
                    :label="label"
                    type="text"
                    @click="updateLhsxb('PH')"
                  >{{label}}</el-button>
                </td>
              </tr>


            </table>
          </el-container>
        </el-scrollbar>

      </div>

    </el-tab-pane>
    <el-tab-pane label="环境行为表" name="hjxwb">
      <div id="en_behavior" class="en_behavior">
        <el-scrollbar style="height:100%;">
          <el-container class="elementDetail">
            <table>
              <tr>
                <th style="width: 140px;height:40px;text-align:center;vertical-align:middle;">属性
                </th>
                <th style="width: 90px;text-align:center;vertical-align:middle;">介质
                </th>
                <th style="width: 50px;text-align:center;vertical-align:middle;">单位
                </th>
                <th style="min-width: 70px;text-align:center;vertical-align:middle;">值

                </th>
                <th style="width: 100px;text-align:center;vertical-align:middle;">终点
                </th>
                <th style="width: 120px;text-align:center;vertical-align:middle;">试验时间
                </th>
                <th style="width: 100px;text-align:center;vertical-align:middle;">试验方法

                </th>
                <th style="width: 200px;text-align:center;vertical-align:middle;"> 实测/预测

                </th>
                <th>
                  <div style="width: 300px;text-align:center;vertical-align:middle;">数据来源</div>
                </th>
                <th
                  style="width: 350px;text-align:center;vertical-align:middle;">备注
                </th>
                <th style="width: 160px;text-align:center;vertical-align:middle;">操作
                </th>

              </tr>

              <tr>
                <td>环境行为概述</td>
                <td>/</td>
                <td>/</td>
                <td>/</td>
                <td>/</td>
                <td>/</td>
                <td>/</td>
                <td align="left">{{hjxwbHjxwgs.shiceyuce}}</td>
                <td align="left">{{hjxwbHjxwgs.resource}}</td>
                <td align="left">{{hjxwbHjxwgs.remark}}</td>
                <td><el-button type="text" @click="viewMoreHjxwb('环境行为概述')">更多</el-button>/

                  <el-button
                    :perms="perms"
                    :label="label_add"
                    type="text"
                    @click="addRecordHjxwb('环境行为概述')"
                  >{{label_add}}</el-button>/

                  <el-button
                    :perms="perms"
                    :label="label"
                    type="text"
                    @click="updateHjxwb('环境行为概述')"
                  >{{label}}</el-button>
                </td>


              </tr>
              <tr>
                <td>生物降解半衰期</td>
                <td>淡水</td>
                <td>{{hjxwbSwjjbsq.unit}}</td>
                <td align="left">{{hjxwbSwjjbsq.value }}</td>
                <td align="left">{{hjxwbSwjjbsq.destination }}</td>
                <td align="left">{{hjxwbSwjjbsq.time }}</td>
                <td align="left">{{hjxwbSwjjbsq.method }}</td>
                <td align="left">{{hjxwbSwjjbsq.shiceyuce }}</td>
                <td align="left">{{hjxwbSwjjbsq.resource }}</td>
                <td align="left">{{hjxwbSwjjbsq.remark}}</td>
                <td><el-button type="text" @click="viewMoreHjxwb('生物降解半衰期')">更多</el-button>/


                  <el-button
                    :perms="perms"
                    :label="label_add"
                    type="text"
                    @click="addRecordHjxwb('生物降解半衰期')"
                  >{{label_add}}</el-button>/
                  <el-button
                    :perms="perms"
                    :label="label"
                    type="text"
                    @click="updateHjxwb('生物降解半衰期')"
                  >{{label}}</el-button>
                </td>

              </tr>
              <tr>
                <td>生物降解半衰期</td>
                <td>淡水沉积物</td>
                <td >{{hjxwbSwjjbsq.unit}}</td>
                <td align="left">{{hjxwbSwjjbsq.value }}</td>
                <td align="left">{{hjxwbSwjjbsq.destination }}</td>
                <td align="left">{{hjxwbSwjjbsq.time }}</td>
                <td align="left">{{hjxwbSwjjbsq.method }}</td>
                <td align="left">{{hjxwbSwjjbsq.shiceyuce }}</td>
                <td align="left">{{hjxwbSwjjbsq.resource }}</td>
                <td align="left">{{hjxwbSwjjbsq.remark}}</td>
                <td><el-button type="text" @click="viewMoreHjxwb('生物降解半衰期')">更多</el-button>/

                  <el-button
                    :perms="perms"
                    :label="label_add"
                    type="text"
                    @click="addRecordHjxwb('生物降解半衰期')"
                  >{{label_add}}</el-button>/

                  <el-button
                    :perms="perms"
                    :label="label"
                    type="text"
                    @click="updateHjxwb('生物降解半衰期')"
                  >{{label}}</el-button>
                </td>

              </tr>
              <tr>
                <td>生物降解半衰期</td>
                <td>海水</td>
                <td >{{hjxwbSwjjbsq.unit}}</td>
                <td align="left">{{hjxwbSwjjbsq.value }}</td>
                <td align="left">{{hjxwbSwjjbsq.destination }}</td>
                <td align="left">{{hjxwbSwjjbsq.time }}</td>
                <td align="left">{{hjxwbSwjjbsq.method }}</td>
                <td align="left">{{hjxwbSwjjbsq.shiceyuce }}</td>
                <td align="left">{{hjxwbSwjjbsq.resource }}</td>
                <td align="left">{{hjxwbSwjjbsq.remark}}</td>
                <td><el-button type="text" @click="viewMoreHjxwb('生物降解半衰期')">更多</el-button>/

                  <el-button
                    :perms="perms"
                    :label="label_add"
                    type="text"
                    @click="addRecordHjxwb('生物降解半衰期')"
                  >{{label_add}}</el-button>/

                  <el-button
                    :perms="perms"
                    :label="label"
                    type="text"
                    @click="updateHjxwb('生物降解半衰期')"
                  >{{label}}</el-button>
                </td>

              </tr>
              <tr>
                <td>生物降解半衰期</td>
                <td>海洋沉积物</td>
                <td >{{hjxwbSwjjbsq.unit}}</td>
                <td align="left">{{hjxwbSwjjbsq.value }}</td>
                <td align="left">{{hjxwbSwjjbsq.destination }}</td>
                <td align="left">{{hjxwbSwjjbsq.time }}</td>
                <td align="left">{{hjxwbSwjjbsq.method }}</td>
                <td align="left">{{hjxwbSwjjbsq.shiceyuce }}</td>
                <td align="left">{{hjxwbSwjjbsq.resource }}</td>
                <td align="left">{{hjxwbSwjjbsq.remark}}</td>
                <td><el-button type="text" @click="viewMoreHjxwb('生物降解半衰期')">更多</el-button>/

                  <el-button
                    :perms="perms"
                    :label="label_add"
                    type="text"
                    @click="addRecordHjxwb('生物降解半衰期')"
                  >{{label_add}}</el-button>/
                  <el-button
                    :perms="perms"
                    :label="label"
                    type="text"
                    @click="updateHjxwb('生物降解半衰期')"
                  >{{label}}</el-button>
                </td>

              </tr>
              <tr>
                <td>生物降解半衰期</td>
                <td>土壤</td>
                <td >{{hjxwbSwjjbsq.unit}}</td>
                <td align="left">{{hjxwbSwjjbsq.value }}</td>
                <td align="left">{{hjxwbSwjjbsq.destination }}</td>
                <td align="left">{{hjxwbSwjjbsq.time }}</td>
                <td align="left">{{hjxwbSwjjbsq.method }}</td>
                <td align="left">{{hjxwbSwjjbsq.shiceyuce }}</td>
                <td align="left">{{hjxwbSwjjbsq.resource }}</td>
                <td align="left">{{hjxwbSwjjbsq.remark}}</td>
                <td><el-button type="text" @click="viewMoreHjxwb('生物降解半衰期')">更多</el-button>/

                  <el-button
                    :perms="perms"
                    :label="label_add"
                    type="text"
                    @click="addRecordHjxwb('生物降解半衰期')"
                  >{{label_add}}</el-button>/

                  <el-button
                    :perms="perms"
                    :label="label"
                    type="text"
                    @click="updateHjxwb('生物降解半衰期')"
                  >{{label}}</el-button>
                </td>

              </tr>

              <tr>
                <td>生物降解</td>
                <td >{{hjxwbSwjj.medium}}</td>
                <td align="left">{{hjxwbSwjj.unit}}</td>
                <td align="left">{{hjxwbSwjj.value }}</td>
                <td align="left">{{hjxwbSwjj.destination }}</td>
                <td align="left">{{hjxwbSwjj.time }}</td>
                <td align="left">{{hjxwbSwjj.method }}</td>
                <td align="left">{{hjxwbSwjj.shiceyuce }}</td>
                <td align="left">{{hjxwbSwjj.resource }}</td>
                <td align="left">{{hjxwbSwjj.remark}}</td>
                <td><el-button type="text" @click="viewMoreHjxwb('生物降解')">更多</el-button>/

                  <el-button
                    :perms="perms"
                    :label="label_add"
                    type="text"
                    @click="addRecordHjxwb('生物降解')"
                  >{{label_add}}</el-button>/
                  <el-button
                    :perms="perms"
                    :label="label"
                    type="text"
                    @click="updateHjxwb('生物降解')"
                  >{{label}}</el-button>
                </td>

              </tr>
              <tr>
                <td>光解半衰期</td>
                <td>水</td>
                <td >{{hjxwbGjbsq.unit}}</td>
                <td align="left">{{hjxwbGjbsq.value }}</td>
                <td align="left">{{hjxwbGjbsq.destination }}</td>
                <td align="left">{{hjxwbGjbsq.time }}</td>
                <td align="left">{{hjxwbGjbsq.method }}</td>
                <td align="left">{{hjxwbGjbsq.shiceyuce }}</td>
                <td align="left">{{hjxwbGjbsq.resource }}</td>
                <td align="left">{{hjxwbGjbsq.remark}}</td>
                <td><el-button type="text" @click="viewMoreHjxwb('光解半衰期')">更多</el-button>/

                  <el-button
                    :perms="perms"
                    :label="label_add"
                    type="text"
                    @click="addRecordHjxwb('光解半衰期')"
                  >{{label_add}}</el-button>/

                  <el-button
                    :perms="perms"
                    :label="label"
                    type="text"
                    @click="updateHjxwb('光解半衰期')"
                  >{{label}}</el-button>
                </td>


              </tr>

              <tr>
                <td>光解半衰期</td>
                <td>大气</td>
                <td >{{hjxwbGjbsq.unit}}</td>
                <td align="left">{{hjxwbGjbsq.value }}</td>
                <td align="left">{{hjxwbGjbsq.destination }}</td>
                <td align="left">{{hjxwbGjbsq.time }}</td>
                <td align="left">{{hjxwbGjbsq.method }}</td>
                <td align="left">{{hjxwbGjbsq.shiceyuce }}</td>
                <td align="left">{{hjxwbGjbsq.resource }}</td>
                <td align="left">{{hjxwbGjbsq.remark}}</td>
                <td><el-button type="text" @click="viewMoreHjxwb('光解半衰期')">更多</el-button>/

                  <el-button
                    :perms="perms"
                    :label="label_add"
                    type="text"
                    @click="addRecordHjxwb('光解半衰期')"
                  >{{label_add}}</el-button>/

                  <el-button
                    :perms="perms"
                    :label="label"
                    type="text"
                    @click="updateHjxwb('光解半衰期')"
                  >{{label}}</el-button>
                </td>

              </tr>

              <tr>
                <td>光解半衰期</td>
                <td>土壤</td>
                <td >{{hjxwbGjbsq.unit}}</td>
                <td align="left">{{hjxwbGjbsq.value }}</td>
                <td align="left">{{hjxwbGjbsq.destination }}</td>
                <td align="left">{{hjxwbGjbsq.time }}</td>
                <td align="left">{{hjxwbGjbsq.method }}</td>
                <td align="left">{{hjxwbGjbsq.shiceyuce }}</td>
                <td align="left">{{hjxwbGjbsq.resource }}</td>
                <td align="left">{{hjxwbGjbsq.remark}}</td>
                <td><el-button type="text" @click="viewMoreHjxwb('光解半衰期')">更多</el-button>/

                  <el-button
                    :perms="perms"
                    :label="label_add"
                    type="text"
                    @click="addRecordHjxwb('光解半衰期')"
                  >{{label_add}}</el-button>/

                  <el-button
                    :perms="perms"
                    :label="label"
                    type="text"
                    @click="updateHjxwb('光解半衰期')"
                  >{{label}}</el-button>
                </td>

              </tr>

              <tr>
                <td>水解半衰期</td>
                <td>淡水</td>
                <td >{{hjxwbSjbsq.unit}}</td>
                <td align="left">{{hjxwbSjbsq.value }}</td>
                <td align="left">{{hjxwbSjbsq.destination }}</td>
                <td align="left">{{hjxwbSjbsq.time }}</td>
                <td align="left">{{hjxwbSjbsq.method }}</td>
                <td align="left">{{hjxwbSjbsq.shiceyuce }}</td>
                <td align="left">{{hjxwbSjbsq.resource }}</td>
                <td align="left">{{hjxwbSjbsq.remark}}</td>
                <td><el-button type="text" @click="viewMoreHjxwb('水解半衰期')">更多</el-button>/

                  <el-button
                    :perms="perms"
                    :label="label_add"
                    type="text"
                    @click="addRecordHjxwb('水解半衰期')"
                  >{{label_add}}</el-button>/

                  <el-button
                    :perms="perms"
                    :label="label"
                    type="text"
                    @click="updateHjxwb('水解半衰期')"
                  >{{label}}</el-button>
                </td>
              </tr>

              <tr>
                <td>水解半衰期</td>
                <td>海水</td>
                <td >{{hjxwbSjbsq.unit}}</td>
                <td align="left">{{hjxwbSjbsq.value }}</td>
                <td align="left">{{hjxwbSjbsq.destination }}</td>
                <td align="left">{{hjxwbSjbsq.time }}</td>
                <td align="left">{{hjxwbSjbsq.method }}</td>
                <td align="left">{{hjxwbSjbsq.shiceyuce }}</td>
                <td align="left">{{hjxwbSjbsq.resource }}</td>
                <td align="left">{{hjxwbSjbsq.remark}}</td>
                <td><el-button type="text" @click="viewMoreHjxwb('水解半衰期')">更多</el-button>/

                  <el-button
                    :perms="perms"
                    :label="label_add"
                    type="text"
                    @click="addRecordHjxwb('水解半衰期')"
                  >{{label_add}}</el-button>/

                  <el-button
                    :perms="perms"
                    :label="label"
                    type="text"
                    @click="updateHjxwb('水解半衰期')"
                  >{{label}}</el-button>
                </td>

              </tr>

              <tr>
                <td>其他降解性说明</td>
                <td >{{hjxwbQtjjxsm.medium}}</td>
                <td align="left">{{hjxwbQtjjxsm.unit}}</td>
                <td align="left">{{hjxwbQtjjxsm.value }}</td>
                <td align="left">{{hjxwbQtjjxsm.destination }}</td>
                <td align="left">{{hjxwbQtjjxsm.time }}</td>
                <td align="left">{{hjxwbQtjjxsm.method }}</td>
                <td align="left">{{hjxwbQtjjxsm.shiceyuce }}</td>
                <td align="left">{{hjxwbQtjjxsm.resource }}</td>
                <td align="left">{{hjxwbQtjjxsm.remark}}</td>
                <td><el-button type="text" @click="viewMoreHjxwb('其他降解性说明')">更多</el-button>/

                  <el-button
                    :perms="perms"
                    :label="label_add"
                    type="text"
                    @click="addRecordHjxwb('其他降解性说明')"
                  >{{label_add}}</el-button>/

                  <el-button
                    :perms="perms"
                    :label="label"
                    type="text"
                    @click="updateHjxwb('其他降解性说明')"
                  >{{label}}</el-button>
                </td>

              </tr>
              <tr>
                <td>BCF值</td>
                <td>水生</td>
                <td >{{hjxwbBcf.unit}}</td>
                <td align="left">{{hjxwbBcf.value }}</td>
                <td align="left">{{hjxwbBcf.destination }}</td>
                <td align="left">{{hjxwbBcf.time }}</td>
                <td align="left">{{hjxwbBcf.method }}</td>
                <td align="left">{{hjxwbBcf.shiceyuce }}</td>
                <td align="left">{{hjxwbBcf.resource }}</td>
                <td align="left">{{hjxwbBcf.remark}}</td>
                <td><el-button type="text" @click="viewMoreHjxwb('BCF值')">更多</el-button>/

                  <el-button
                    :perms="perms"
                    :label="label_add"
                    type="text"
                    @click="addRecordHjxwb('BCF值')"
                  >{{label_add}}</el-button>/

                  <el-button
                    :perms="perms"
                    :label="label"
                    type="text"
                    @click="updateHjxwb('BCF值')"
                  >{{label}}</el-button>
                </td>
              </tr>
              <tr>
                <td>BCF值</td>
                <td>陆生</td>
                <td >{{hjxwbBcf.unit}}</td>
                <td align="left">{{hjxwbBcf.value }}</td>
                <td align="left">{{hjxwbBcf.destination }}</td>
                <td align="left">{{hjxwbBcf.time }}</td>
                <td align="left">{{hjxwbBcf.method }}</td>
                <td align="left">{{hjxwbBcf.shiceyuce }}</td>
                <td align="left">{{hjxwbBcf.resource }}</td>
                <td align="left">{{hjxwbBcf.remark}}</td>
                <td><el-button type="text" @click="viewMoreHjxwb('BCF值')">更多</el-button>/

                  <el-button
                    :perms="perms"
                    :label="label_add"
                    type="text"
                    @click="addRecordHjxwb('BCF值')"
                  >{{label_add}}</el-button>/

                  <el-button
                    :perms="perms"
                    :label="label"
                    type="text"
                    @click="updateHjxwb('BCF值')"
                  >{{label}}</el-button>
                </td>
              </tr>
              <tr>
                <td>BMF值</td>
                <td >{{hjxwbBmf.medium}}</td>
                <td align="left">{{hjxwbBmf.unit}}</td>
                <td align="left">{{hjxwbBmf.value }}</td>
                <td align="left">{{hjxwbBmf.destination }}</td>
                <td align="left">{{hjxwbBmf.time }}</td>
                <td align="left">{{hjxwbBmf.method }}</td>
                <td align="left">{{hjxwbBmf.shiceyuce }}</td>
                <td align="left">{{hjxwbBmf.resource }}</td>
                <td align="left">{{hjxwbBmf.remark}}</td>
                <td><el-button type="text" @click="viewMoreHjxwb('BMF值')">更多</el-button>/

                  <el-button
                    :perms="perms"
                    :label="label_add"
                    type="text"
                    @click="addRecordHjxwb('BMF值')"
                  >{{label_add}}</el-button>/

                  <el-button
                    :perms="perms"
                    :label="label"
                    type="text"
                    @click="updateHjxwb('BMF值')"
                  >{{label}}</el-button>
                </td>

              </tr>
              <tr>
                <td>TMF值</td>
                <td >{{hjxwbTmf.medium}}</td>
                <td align="left">{{hjxwbTmf.unit}}</td>
                <td align="left">{{hjxwbTmf.value }}</td>
                <td align="left">{{hjxwbTmf.destination }}</td>
                <td align="left">{{hjxwbTmf.time }}</td>
                <td align="left">{{hjxwbTmf.method }}</td>
                <td align="left">{{hjxwbTmf.shiceyuce }}</td>
                <td align="left">{{hjxwbTmf.resource }}</td>
                <td align="left">{{hjxwbTmf.remark}}</td>
                <td><el-button type="text" @click="viewMoreHjxwb('TMF值')">更多</el-button>/

                  <el-button
                    :perms="perms"
                    :label="label_add"
                    type="text"
                    @click="addRecordHjxwb('TMF值')"
                  >{{label_add}}</el-button>/

                  <el-button
                    :perms="perms"
                    :label="label"
                    type="text"
                    @click="updateHjxwb('TMF值')"
                  >{{label}}</el-button>
                </td>

              </tr>
              <tr>
                <td>BSAF值</td>
                <td >{{hjxwbBasf.medium}}</td>
                <td align="left">{{hjxwbBasf.unit}}</td>
                <td align="left">{{hjxwbBasf.value }}</td>
                <td align="left">{{hjxwbBasf.destination }}</td>
                <td align="left">{{hjxwbBasf.time }}</td>
                <td align="left">{{hjxwbBasf.method }}</td>
                <td align="left">{{hjxwbBasf.shiceyuce }}</td>
                <td align="left">{{hjxwbBasf.resource }}</td>
                <td align="left">{{hjxwbBasf.remark}}</td>
                <td><el-button type="text" @click="viewMoreHjxwb('BSAF值')">更多</el-button>/

                  <el-button
                    :perms="perms"
                    :label="label_add"
                    type="text"
                    @click="addRecordHjxwb('BSAF值')"
                  >{{label_add}}</el-button>/

                  <el-button
                    :perms="perms"
                    :label="label"
                    type="text"
                    @click="updateHjxwb('BSAF值')"
                  >{{label}}</el-button>
                </td>

              </tr>
              <tr>
                <td>生物累积性备注</td>
                <td >{{hjxwbSwljxbz.medium}}</td>
                <td align="left">{{hjxwbSwljxbz.unit}}</td>
                <td align="left">{{hjxwbSwljxbz.value }}</td>
                <td align="left">{{hjxwbSwljxbz.destination }}</td>
                <td align="left">{{hjxwbSwljxbz.time }}</td>
                <td align="left">{{hjxwbSwljxbz.method }}</td>
                <td align="left">{{hjxwbSwljxbz.shiceyuce }}</td>
                <td align="left">{{hjxwbSwljxbz.resource }}</td>
                <td align="left">{{hjxwbSwljxbz.remark}}</td>

                <td>
                  <el-button type="text" @click="viewMoreHjxwb('生物累积性备注')">更多</el-button>/
                  <el-button
                    :perms="perms"
                    :label="label_add"
                    type="text"
                    @click="addRecordHjxwb('生物累积性备注')"
                  >{{label_add}}</el-button>/
                  <el-button
                    :perms="perms"
                    :label="label"
                    type="text"
                    @click="updateHjxwb('生物累积性备注')"
                  >{{label}}</el-button>

                </td>

              </tr>
              <tr>
                <td>其他环境行为信息</td>
                <td a>{{hjxwbQthjxwxx.medium}}</td>
                <td align="left">{{hjxwbQthjxwxx.unit}}</td>
                <td align="left">{{hjxwbQthjxwxx.value }}</td>
                <td align="left">{{hjxwbQthjxwxx.destination }}</td>
                <td align="left">{{hjxwbQthjxwxx.time }}</td>
                <td align="left">{{hjxwbQthjxwxx.method }}</td>
                <td align="left">{{hjxwbQthjxwxx.shiceyuce }}</td>
                <td align="left">{{hjxwbQthjxwxx.resource }}</td>
                <td align="left">{{hjxwbQthjxwxx.remark}}</td>
                <td><el-button type="text" @click="viewMoreHjxwb('其他环境行为信息')">更多</el-button>/

                  <el-button
                    :perms="perms"
                    :label="label_add"
                    type="text"
                    @click="addRecordHjxwb('其他环境行为信息')"
                  >{{label_add}}</el-button>/

                  <el-button
                    :perms="perms"
                    :label="label"
                    type="text"
                    @click="updateHjxwb('其他环境行为信息')"
                  >{{label}}</el-button>
                </td>

              </tr>

            </table>

          </el-container>
        </el-scrollbar>
      </div>
    </el-tab-pane>
    <el-tab-pane label="生态危害表" name="stwhb">
      <div id="ectox" class="ectox">
        <el-scrollbar style="height:100%;">
          <el-container class="elementDetail">
            <table>
              <tr>
                <th style="width: 120px;height:40px;text-align:center;vertical-align:middle;">属性</th>
                <th style="width: 150px;text-align:center;vertical-align:middle;">试验生物种属</th>
                <th style="width: 100px;text-align:center;vertical-align:middle;">试验时间</th>
                <th style="width: 99px;text-align:center;vertical-align:middle;">效应类型</th>
                <th style="width: 128px;text-align:center;vertical-align:middle;">效应值单位</th>
                <th style="width: 90px;text-align:center;vertical-align:middle;">效应值</th>
                <th style="width: 120px;text-align:center;vertical-align:middle;">试验方法</th>
                <th style="width: 150px;text-align:center;vertical-align:middle;">实测/预测</th>
                <th style="width: 300px;text-align:center;vertical-align:middle;">数据来源</th>
                <th style="width: 400px;text-align:center;vertical-align:middle;">备注</th>
                <th style="width: 160px;text-align:center;vertical-align:middle;">操作</th>

              </tr>

              <tr>
                <td>环境危害分类</td>
                <td>/</td>
                <td>/</td>
                <td>/</td>
                <td>mg/L</td>
                <td>/</td>
                <td>/</td>
                <td>/</td>
                <td align="left">{{stwhbHjwhfl.resource}}</td>
                <td align="left">{{stwhbHjwhfl.remark}}</td>
                <td><el-button type="text" @click="viewMoreStwhb('环境危害分类')">更多</el-button>/
                  <el-button
                    :perms="perms"
                    :label="label_add"
                    type="text"
                    @click="addRecordStwhb('环境危害分类')"
                  >{{label_add}}</el-button>/

                  <el-button
                    :perms="perms"
                    :label="label"
                    type="text"
                    @click="updateStwhb('环境危害分类')"
                  >{{label}}</el-button>
                </td>
              </tr>
              <!--              <tr>-->
              <!--                <td>生态毒性描述</td>-->
              <!--                <td align="left">{{ element.stwhbStdxms }}</td>-->
              <!--              </tr>-->
              <tr>
                <td>鱼类</td><!--急毒LC50-->
                <td align="left">{{ stwhbYl.species }}</td>
                <td align="left">{{ stwhbYl.time }}</td>
                <td>急毒LC50</td>
                <td>mg/L</td>
                <td align="left">{{ stwhbYl.value }}</td>
                <td align="left">{{ stwhbYl.method }}</td>
                <td align="left">{{ stwhbYl.shiceyuce }}</td>
                <td align="left">{{ stwhbYl.resource }}</td>
                <td align="left">{{ stwhbYl.remark }}</td>
                <td><el-button type="text" @click="viewMoreStwhb('鱼类')">更多</el-button>/

                  <el-button
                    :perms="perms"
                    :label="label_add"
                    type="text"
                    @click="addRecordStwhb('鱼类')"
                  >{{label_add}}</el-button>/

                  <el-button
                    :perms="perms"
                    :label="label"
                    type="text"
                    @click="updateStwhb('鱼类')"
                  >{{label}}</el-button>
                </td>
              </tr>
              <!--              <tr>-->
              <!--                <td>鱼类急毒试验时间</td>-->
              <!--                <td align="left">{{ element.stwhbYljdsysj }}</td>-->
              <!--              </tr>-->
              <!--              <tr>-->
              <!--                <td>鱼类急毒试验方法</td>-->
              <!--                <td align="left">{{ element.stwhbYljdsyff }}</td>-->
              <!--              </tr>-->
              <!--              <tr>-->
              <!--                <td>鱼类急毒试验种属</td>-->
              <!--                <td align="left">{{ element.stwhbYljdsyzs }}</td>-->
              <!--              </tr>-->
              <!--              <tr>-->
              <!--                <td>鱼类急毒备注</td>-->
              <!--                <td align="left">{{ element.stwhbYljdbz }}</td>-->
              <!--              </tr>-->
              <tr>
                <td>鱼类</td>
                <td align="left">{{ stwhbYl.species }}</td>
                <td align="left">{{ stwhbYl.time }}</td>
                <td>慢毒NOEC{{ element.stwhbYlmdxysm }}</td>
                <td>mg/L</td>
                <td align="left">{{ stwhbYl.value }}</td>
                <td align="left">{{ stwhbYl.method }}</td>
                <td align="left">{{ stwhbYl.shiceyuce }}</td>
                <td align="left">{{ stwhbYl.resource }}</td>
                <td align="left">{{ stwhbYl.remark }}</td>
                <td><el-button type="text" @click="viewMoreStwhb('鱼类')">更多</el-button>/

                  <el-button
                    :perms="perms"
                    :label="label_add"
                    type="text"
                    @click="addRecordStwhb('鱼类')"
                  >{{label_add}}</el-button>/

                  <el-button
                    :perms="perms"
                    :label="label"
                    type="text"
                    @click="updateStwhb('鱼类')"
                  >{{label}}</el-button>
                </td>
              </tr>
              <tr>
                <td>鱼类</td>
                <td align="left">{{ stwhbYl.species }}</td>
                <td align="left">{{ stwhbYl.time }}</td>
                <td>慢毒LOEC{{ element.stwhbYlmdxysm }}</td>
                <td>mg/L</td>
                <td align="left">{{ stwhbYl.value }}</td>
                <td align="left">{{ stwhbYl.method }}</td>
                <td align="left">{{ stwhbYl.shiceyuce }}</td>
                <td align="left">{{ stwhbYl.resource }}</td>
                <td align="left">{{ stwhbYl.remark }}</td>
                <td><el-button type="text" @click="viewMoreStwhb('鱼类')">更多</el-button>/

                  <el-button
                    :perms="perms"
                    :label="label_add"
                    type="text"
                    @click="addRecordStwhb('鱼类')"
                  >{{label_add}}</el-button>/

                  <el-button
                    :perms="perms"
                    :label="label"
                    type="text"
                    @click="updateStwhb('鱼类')"
                  >{{label}}</el-button>
                </td>
              </tr>
              <tr>
                <td>鱼类</td>
                <td align="left">{{ stwhbYl.species }}</td>
                <td align="left">{{ stwhbYl.time }}</td>
                <td>慢毒LC10{{ element.stwhbYlmdxysm }}</td>
                <td>mg/L</td>
                <td align="left">{{ stwhbYl.value }}</td>
                <td align="left">{{ stwhbYl.method }}</td>
                <td align="left">{{ stwhbYl.shiceyuce }}</td>
                <td align="left">{{ stwhbYl.resource }}</td>
                <td align="left">{{ stwhbYl.remark }}</td>
                <td><el-button type="text" @click="viewMoreStwhb('鱼类')">更多</el-button>/

                  <el-button
                    :perms="perms"
                    :label="label_add"
                    type="text"
                    @click="addRecordStwhb('鱼类')"
                  >{{label_add}}</el-button>/

                  <el-button
                    :perms="perms"
                    :label="label"
                    type="text"
                    @click="updateStwhb('鱼类')"
                  >{{label}}</el-button>
                </td>
              </tr>
              <!--              <tr>-->
              <!--                <td>鱼类慢毒效应说明</td>-->
              <!--                <td align="left">{{ element.stwhbYlmdxysm }}</td>-->
              <!--              </tr>-->
              <!--              <tr>-->
              <!--                <td>鱼类慢毒试验时间</td>-->
              <!--                <td align="left">{{ element.stwhbYlmdsysj }}</td>-->
              <!--              </tr>-->
              <!--              <tr>-->
              <!--                <td>鱼类慢毒试验方法</td>-->
              <!--                <td align="left">{{ element.stwhbYlmdsyff }}</td>-->
              <!--              </tr>-->
              <!--              <tr>-->
              <!--                <td>鱼类慢毒试验种属</td>-->
              <!--                <td align="left">{{ element.stwhbYlmdsyzs }}</td>-->
              <!--              </tr>-->
              <!--              <tr>-->
              <!--                <td>鱼类慢毒备注</td>-->
              <!--                <td align="left">{{ element.stwhbYlmdbz }}</td>-->
              <!--              </tr>-->
              <!--              <tr>-->
              <!--                <td>鱼类总体毒性备注</td>-->
              <!--                <td align="left">{{ element.hjxwGjbsqSoilKeyValue }}</td>-->
              <!--              </tr>-->
              <tr>
                <td>水生无脊椎生物</td>
                <td align="left">{{ stwhbSswjzsw.species }}</td>
                <td align="left">{{ stwhbSswjzsw.time }}</td>
                <td>急毒EC50</td>
                <td>mg/L</td>
                <td align="left">{{ stwhbSswjzsw.value }}</td>
                <td align="left">{{ stwhbSswjzsw.method }}</td>
                <td align="left">{{ stwhbSswjzsw.shiceyuce }}</td>
                <td align="left">{{ stwhbSswjzsw.resource }}</td>
                <td align="left">{{ stwhbSswjzsw.remark }}</td>
                <td><el-button type="text" @click="viewMoreStwhb('水生无脊椎生物')">更多</el-button>/

                  <el-button
                    :perms="perms"
                    :label="label_add"
                    type="text"
                    @click="addRecordStwhb('水生无脊椎生物')"
                  >{{label_add}}</el-button>/

                  <el-button
                    :perms="perms"
                    :label="label"
                    type="text"
                    @click="updateStwhb('水生无脊椎生物')"
                  >{{label}}</el-button>
                </td>
              </tr>
              <!--              <tr>-->
              <!--                <td>水生无脊椎生物急毒试验时间</td>-->
              <!--                <td align="left">{{ element.stwhbSswjzswjdsysj }}</td>-->
              <!--              </tr>-->
              <!--              <tr>-->
              <!--                <td>水生无脊椎生物急毒试验方法</td>-->
              <!--                <td align="left">{{ element.stwhbSswjzswjdsyff }}</td>-->
              <!--              </tr>-->
              <!--              <tr>-->
              <!--                <td>水生无脊椎生物急毒试验种属</td>-->
              <!--                <td align="left">{{ element.stwhbSswjzswjdsyzs }}</td>-->
              <!--              </tr>-->
              <!--              <tr>-->
              <!--                <td>水生无脊椎生物急毒备注</td>-->
              <!--                <td align="left">{{ element.stwhbSswjzswjdbz }}</td>-->
              <!--              </tr>-->
              <tr>
                <td>水生无脊椎生物</td>
                <td align="left">{{ stwhbSswjzsw.species }}</td>
                <td align="left">{{ stwhbSswjzsw.time }}</td>
                <td>慢毒NOEC{{ element.stwhbSswjzswmdxysm }}</td>
                <td>mg/L</td>
                <td align="left">{{ stwhbSswjzsw.value }}</td>
                <td align="left">{{ stwhbSswjzsw.method }}</td>
                <td align="left">{{ stwhbSswjzsw.shiceyuce }}</td>
                <td align="left">{{ stwhbSswjzsw.resource }}</td>
                <td align="left">{{ stwhbSswjzsw.remark }}</td>
                <td><el-button type="text" @click="viewMoreStwhb('水生无脊椎生物')">更多</el-button>/

                  <el-button
                    :perms="perms"
                    :label="label_add"
                    type="text"
                    @click="addRecordStwhb('水生无脊椎生物')"
                  >{{label_add}}</el-button>/

                  <el-button
                    :perms="perms"
                    :label="label"
                    type="text"
                    @click="updateStwhb('水生无脊椎生物')"
                  >{{label}}</el-button>
                </td>
              </tr>
              <!--              <tr>-->
              <!--                <td>水生无脊椎生物慢毒LOEC</td>-->
              <!--                <td align="left">{{ element.hjxwGjbsqSoilKeyValue }}</td>-->
              <!--              </tr>-->
              <!--              <tr>-->
              <!--                <td>水生无脊椎生物慢毒LC10</td>-->
              <!--                <td align="left">{{ element.hjxwGjbsqSoilKeyValue }}</td>-->
              <!--              </tr>-->
              <!--              <tr>-->
              <!--                <td>水生无脊椎生物慢毒效应说明</td>-->
              <!--                <td align="left">{{ element.stwhbSswjzswmdxysm }}</td>-->
              <!--              </tr>-->
              <!--              <tr>-->
              <!--                <td>水生无脊椎生物慢毒试验时间</td>-->
              <!--                <td align="left">{{ element.stwhbSswjzswmdsysj }}</td>-->
              <!--              </tr>-->
              <!--              <tr>-->
              <!--                <td>水生无脊椎生物慢毒试验方法</td>-->
              <!--                <td align="left">{{ element.stwhbSswjzswmdsyff }}</td>-->
              <!--              </tr>-->
              <!--              <tr>-->
              <!--                <td>水生无脊椎生物慢毒试验种属</td>-->
              <!--                <td align="left">{{ element.stwhbSswjzswmdsyzs }}</td>-->
              <!--              </tr>-->
              <!--              <tr>-->
              <!--                <td>水生无脊椎生物慢毒备注</td>-->
              <!--                <td align="left">{{ element.stwhbSswjzswmdbz }}</td>-->
              <!--              </tr>-->
              <!--              <tr>-->
              <!--                <td>水生无脊椎生物总体毒性备注</td>-->
              <!--                <td align="left">{{ element.stwhbSswjzswztdxbz }}</td>-->
              <!--              </tr>-->
              <tr>
                <td>藻类</td>
                <td align="left">{{ stwhbZl.species }}</td>
                <td>96h</td>
                <td>急毒EC50</td>
                <td>mg/L</td>
                <td align="left">{{ stwhbZl.value }}</td>
                <td align="left">{{ stwhbZl.method }}</td>
                <td align="left">{{ stwhbZl.shiceyuce }}</td>
                <td align="left">{{ stwhbZl.resource }}</td>
                <td align="left">{{ stwhbZl.remark }}</td>
                <td><el-button type="text" @click="viewMoreStwhb('藻类')">更多</el-button>/

                  <el-button
                    :perms="perms"
                    :label="label_add"
                    type="text"
                    @click="addRecordStwhb('藻类')"
                  >{{label_add}}</el-button>/

                  <el-button
                    :perms="perms"
                    :label="label"
                    type="text"
                    @click="updateStwhb('藻类')"
                  >{{label}}</el-button>
                </td>
              </tr>
              <!-- <tr>
              <td>藻类急毒EC50（72h）</td>
              <td align="left">{{element.hjxwGjbsqSoilKeyValue}}</td>
            </tr> -->
              <!--              <tr>-->
              <!--                <td>藻类急毒试验方法</td>-->
              <!--                <td align="left">{{ element.stwhbZldxPrinciples }}</td>-->
              <!--              </tr>-->
              <!--              <tr>-->
              <!--                <td>藻类急毒试验种属</td>-->
              <!--                <td align="left">{{ element.stwhbZldxSpecies }}</td>-->
              <!--              </tr>-->
              <!--              <tr>-->
              <!--                <td>藻类急毒备注</td>-->
              <!--                <td align="left">{{ element.stwhbZldxExecutiveSummary }}</td>-->
              <!--              </tr>-->
              <tr>
                <td>藻类</td>
                <td align="left">{{ stwhbZl.species }}</td>
                <td align="left">{{ stwhbZl.time }}</td>
                <td>慢毒NOEC</td>
                <td>mg/L</td>
                <td align="left">{{ stwhbZl.value }}</td>
                <td align="left">{{ stwhbZl.method }}</td>
                <td align="left">{{ stwhbZl.shiceyuce }}</td>
                <td align="left">{{ stwhbZl.resource }}</td>
                <td align="left">{{ stwhbZl.remark }}</td>
                <td><el-button type="text" @click="viewMoreStwhb('藻类')">更多</el-button>/

                  <el-button
                    :perms="perms"
                    :label="label_add"
                    type="text"
                    @click="addRecordStwhb('藻类')"
                  >{{label_add}}</el-button>/

                  <el-button
                    :perms="perms"
                    :label="label"
                    type="text"
                    @click="updateStwhb('藻类')"
                  >{{label}}</el-button>
                </td>
              </tr>
              <!--              <tr>-->
              <!--                <td>藻类慢毒LOEC</td>-->
              <!--                <td align="left">{{ element.hjxwGjbsqSoilKeyValue }}</td>-->
              <!--              </tr>-->
              <!-- <tr>
              <td>藻类慢毒EC10</td>
              <td align="left">{{element.hjxwGjbsqSoilKeyValue}}</td>
            </tr> -->
              <!--              <tr>-->
              <!--                <td>藻类慢毒效应说明</td>-->
              <!--                <td align="left">{{ element.stwhbZlmdxysm }}</td>-->
              <!--              </tr>-->
              <!--              <tr>-->
              <!--                <td>藻类慢毒试验时间</td>-->
              <!--                <td align="left">{{ element.stwhbZlmdsysj }}</td>-->
              <!--              </tr>-->
              <!--              <tr>-->
              <!--                <td>藻类慢毒试验方法</td>-->
              <!--                <td align="left">{{ element.hjxwGjbsqSoilKeyValue }}</td>-->
              <!--              </tr>-->
              <!--              <tr>-->
              <!--                <td>藻类慢毒试验种属</td>-->
              <!--                <td align="left">{{ element.stwhbZlmdsyzs }}</td>-->
              <!--              </tr>-->
              <!--              <tr>-->
              <!--                <td>藻类慢毒备注</td>-->
              <!--                <td align="left">{{ element.stwhbZlmdbz }}</td>-->
              <!--              </tr>-->
              <!--              <tr>-->
              <!--                <td>藻类总体毒性备注</td>-->
              <!--                <td align="left">{{ element.stwhbZldxExecutiveSummary }}</td>-->
              <!--              </tr>-->
              <tr>
                <td>水生植物</td>
                <td align="left">{{ stwhbSszw.species }}</td>
                <td align="left">{{ stwhbSszw.time }}</td>
                <td>急性毒性</td>
                <td>mg/L</td>
                <td align="left">{{ stwhbSszw.value }}</td>
                <td align="left">{{ stwhbSszw.method }}</td>
                <td align="left">{{ stwhbSszw.shiceyuce }}</td>
                <td align="left">{{ stwhbSszw.resource }}</td>
                <td align="left">{{ stwhbSszw.remark }}</td>
                <td><el-button type="text" @click="viewMoreStwhb('藻类')">更多</el-button>/

                  <el-button
                    :perms="perms"
                    :label="label_add"
                    type="text"
                    @click="addRecordStwhb('水生植物')"
                  >{{label_add}}</el-button>/

                  <el-button
                    :perms="perms"
                    :label="label"
                    type="text"
                    @click="updateStwhb('水生植物')"
                  >{{label}}</el-button>
                </td>

              </tr>
              <tr>
                <td>水生植物</td>
                <td align="left">{{ stwhbSszw.species }}</td>
                <td align="left">{{ stwhbSszw.time }}</td>
                <td>慢性毒性</td>
                <td>mg/L</td>
                <td align="left">{{ stwhbSszw.value }}</td>
                <td align="left">{{ stwhbSszw.method }}</td>
                <td align="left">{{ stwhbSszw.shiceyuce }}</td>
                <td align="left">{{ stwhbSszw.resource }}</td>
                <td align="left">{{ stwhbSszw.remark }}</td>
                <td><el-button type="text" @click="viewMoreStwhb('水生植物')">更多</el-button>/

                  <el-button
                    :perms="perms"
                    :label="label_add"
                    type="text"
                    @click="addRecordStwhb('水生植物')"
                  >{{label_add}}</el-button>/

                  <el-button
                    :perms="perms"
                    :label="label"
                    type="text"
                    @click="updateStwhb('水生植物')"
                  >{{label}}</el-button>
                </td>
              </tr>
              <tr>
                <td>水生微生物</td>
                <td align="left">{{ stwhbSswsw.species }}</td>
                <td align="left">{{ stwhbSswsw.time }}</td>
                <td>毒性</td>
                <td>mg/L</td>
                <td align="left">{{ stwhbSswsw.value }}</td>
                <td align="left">{{ stwhbSswsw.method }}</td>
                <td align="left">{{ stwhbSswsw.shiceyuce }}</td>
                <td align="left">{{ stwhbSswsw.resource }}</td>
                <td align="left">{{ stwhbSswsw.remark }}</td>
                <td><el-button type="text" @click="viewMoreStwhb('水生微生物')">更多</el-button>/

                  <el-button
                    :perms="perms"
                    :label="label_add"
                    type="text"
                    @click="addRecordStwhb('水生微生物')"
                  >{{label_add}}</el-button>/

                  <el-button
                    :perms="perms"
                    :label="label"
                    type="text"
                    @click="updateStwhb('水生微生物')"
                  >{{label}}</el-button>
                </td>
              </tr>
              <tr>
                <td>其他水生生物</td>
                <td align="left">{{ stwhbQtsssw.species }}</td>
                <td align="left">{{ stwhbQtsssw.time }}</td>
                <td>毒性</td>
                <td>mg/L</td>
                <td align="left">{{ stwhbQtsssw.value }}</td>
                <td align="left">{{ stwhbQtsssw.method }}</td>
                <td align="left">{{ stwhbQtsssw.shiceyuce }}</td>
                <td align="left">{{ stwhbQtsssw.resource }}</td>
                <td align="left">{{ stwhbQtsssw.remark }}</td>
                <td><el-button type="text" @click="viewMoreStwhb('其他水生生物')">更多</el-button>/

                  <el-button
                    :perms="perms"
                    :label="label_add"
                    type="text"
                    @click="addRecordStwhb('其他水生生物')"
                  >{{label_add}}</el-button>/

                  <el-button
                    :perms="perms"
                    :label="label"
                    type="text"
                    @click="updateStwhb('其他水生生物')"
                  >{{label}}</el-button>
                </td>
              </tr>
              <tr>
                <td>底栖生物</td>
                <td align="left">{{ stwhbDxsw.species }}</td>
                <td align="left">{{ stwhbDxsw.time }}</td>
                <td>毒性</td>
                <td>mg/kg</td>
                <td align="left">{{ stwhbDxsw.value }}</td>
                <td align="left">{{ stwhbDxsw.method }}</td>
                <td align="left">{{ stwhbDxsw.shiceyuce }}</td>
                <td align="left">{{ stwhbDxsw.resource }}</td>
                <td align="left">{{ stwhbDxsw.remark }}</td>
                <td><el-button type="text" @click="viewMoreStwhb('底栖生物')">更多</el-button>/

                  <el-button
                    :perms="perms"
                    :label="label_add"
                    type="text"
                    @click="addRecordStwhb('底栖生物')"
                  >{{label_add}}</el-button>/

                  <el-button
                    :perms="perms"
                    :label="label"
                    type="text"
                    @click="updateStwhb('底栖生物')"
                  >{{label}}</el-button>
                </td>
              </tr>
              <tr>
                <td>陆生节肢生物</td>
                <td align="left">{{ stwhbLsjzsw.species }}</td>
                <td align="left">{{ stwhbLsjzsw.time }}</td>
                <td>毒性</td>
                <td>mg/kg</td>
                <td align="left">{{ stwhbLsjzsw.value }}</td>
                <td align="left">{{ stwhbLsjzsw.method }}</td>
                <td align="left">{{ stwhbLsjzsw.shiceyuce }}</td>
                <td align="left">{{ stwhbLsjzsw.resource }}</td>
                <td align="left">{{ stwhbLsjzsw.remark }}</td>
                <td><el-button type="text" @click="viewMoreStwhb('陆生节肢生物')">更多</el-button>/

                  <el-button
                    :perms="perms"
                    :label="label_add"
                    type="text"
                    @click="addRecordStwhb('陆生节肢生物')"
                  >{{label_add}}</el-button>/

                  <el-button
                    :perms="perms"
                    :label="label"
                    type="text"
                    @click="updateStwhb('陆生节肢生物')"
                  >{{label}}</el-button>
                </td>
              </tr>
              <tr>
                <td>陆生植物</td>
                <td align="left">{{ stwhbLszw.species }}</td>
                <td align="left">{{ stwhbLszw.time }}</td>
                <td>毒性</td>
                <td>mg/kg</td>
                <td align="left">{{ stwhbLszw.value }}</td>
                <td align="left">{{ stwhbLszw.method }}</td>
                <td align="left">{{ stwhbLszw.shiceyuce }}</td>
                <td align="left">{{ stwhbLszw.resource }}</td>
                <td align="left">{{ stwhbLszw.remark }}</td>
                <td><el-button type="text" @click="viewMoreStwhb('陆生植物')">更多</el-button>/

                  <el-button
                    :perms="perms"
                    :label="label_add"
                    type="text"
                    @click="addRecordStwhb('陆生植物')"
                  >{{label_add}}</el-button>/

                  <el-button
                    :perms="perms"
                    :label="label"
                    type="text"
                    @click="updateStwhb('陆生植物')"
                  >{{label}}</el-button>
                </td>
              </tr>
              <tr>
                <td>陆生土壤生物</td>
                <td align="left">{{ stwhbLstrwsw.species }}</td>
                <td align="left">{{ stwhbLstrwsw.time }}</td>
                <td>毒性</td>
                <td>mg/kg</td>
                <td align="left">{{ stwhbLstrwsw.value }}</td>
                <td align="left">{{ stwhbLstrwsw.method }}</td>
                <td align="left">{{ stwhbLstrwsw.shiceyuce }}</td>
                <td align="left">{{ stwhbLstrwsw.resource }}</td>
                <td align="left">{{ stwhbLstrwsw.remark }}</td>
                <td><el-button type="text" @click="viewMoreStwhb('陆生土壤生物')">更多</el-button>/

                  <el-button
                    :perms="perms"
                    :label="label_add"
                    type="text"
                    @click="addRecordStwhb('陆生土壤生物')"
                  >{{label_add}}</el-button>/

                  <el-button
                    :perms="perms"
                    :label="label"
                    type="text"
                    @click="updateStwhb('陆生土壤生物')"
                  >{{label}}</el-button>
                </td>
              </tr>
              <tr>
                <td>陆生土壤微生物</td>
                <td align="left">{{ stwhbLstrwsw.species }}</td>
                <td align="left">{{ stwhbLstrwsw.time }}</td>
                <td>毒性</td>
                <td>mg/kg</td>
                <td align="left">{{ stwhbLstrwsw.value }}</td>
                <td align="left">{{ stwhbLstrwsw.method }}</td>
                <td align="left">{{ stwhbLstrwsw.shiceyuce }}</td>
                <td align="left">{{ stwhbLstrwsw.resource }}</td>
                <td align="left">{{ stwhbLstrwsw.remark }}</td>
                <td><el-button type="text" @click="viewMoreStwhb('陆生土壤微生物')">更多</el-button>/

                  <el-button
                    :perms="perms"
                    :label="label_add"
                    type="text"
                    @click="addRecordStwhb('陆生土壤微生物')"
                  >{{label_add}}</el-button>/

                  <el-button
                    :perms="perms"
                    :label="label"
                    type="text"
                    @click="updateStwhb('陆生土壤生物')"
                  >{{label}}</el-button>
                </td>
              </tr>
              <tr>
                <td>鸟类</td>
                <td align="left">{{ stwhbNl.species }}</td>
                <td align="left">{{ stwhbNl.time }}</td>
                <td>毒性</td>
                <td>mg/kg</td>
                <td align="left">{{ stwhbNl.value }}</td>
                <td align="left">{{ stwhbNl.method }}</td>
                <td align="left">{{ stwhbNl.shiceyuce }}</td>
                <td align="left">{{ stwhbNl.resource }}</td>
                <td align="left">{{ stwhbNl.remark }}</td>
                <td><el-button type="text" @click="viewMoreStwhb('鸟类')">更多</el-button>/

                  <el-button
                    :perms="perms"
                    :label="label_add"
                    type="text"
                    @click="addRecordStwhb('鸟类')"
                  >{{label_add}}</el-button>/

                  <el-button
                    :perms="perms"
                    :label="label"
                    type="text"
                    @click="updateStwhb('鸟类')"
                  >{{label}}</el-button>
                </td>
              </tr>
              <tr>
                <td>其他陆生生物</td>
                <td align="left">{{ stwhbQtlssw.species }}</td>
                <td align="left">{{ stwhbQtlssw.time }}</td>
                <td>毒性</td>
                <td>mg/kg</td>
                <td align="left">{{ stwhbQtlssw.value }}</td>
                <td align="left">{{ stwhbQtlssw.method }}</td>
                <td align="left">{{ stwhbQtlssw.shiceyuce }}</td>
                <td align="left">{{ stwhbQtlssw.resource }}</td>
                <td align="left">{{ stwhbQtlssw.remark }}</td>
                <td><el-button type="text" @click="viewMoreStwhb('其他陆生生物')">更多</el-button>/

                  <el-button
                    :perms="perms"
                    :label="label_add"
                    type="text"
                    @click="addRecordStwhb('其他陆生生物')"
                  >{{label_add}}</el-button>/

                  <el-button
                    :perms="perms"
                    :label="label"
                    type="text"
                    @click="updateStwhb('其他陆生生物')"
                  >{{label}}</el-button>
                </td>
              </tr>
              <tr>
                <td>其他生态毒性</td>
                <td align="left">{{ stwhbQtstdx.species }}</td>
                <td align="left">{{ stwhbQtstdx.time }}</td>
                <td align="left">{{ stwhbQtstdx.type }}</td>
                <td align="left">{{ stwhbQtstdx.unit }}</td>
                <td align="left">{{ stwhbQtstdx.value }}</td>
                <td align="left">{{ stwhbQtstdx.method }}</td>
                <td align="left">{{ stwhbQtstdx.shiceyuce }}</td>
                <td align="left">{{ stwhbQtstdx.resource }}</td>
                <td align="left">{{ stwhbQtstdx.remark }}</td>
                <td><el-button type="text" @click="viewMoreStwhb('其他生态毒性')">更多</el-button>/

                  <el-button
                    :perms="perms"
                    :label="label_add"
                    type="text"
                    @click="addRecordStwhb('其他生态毒性')"
                  >{{label_add}}</el-button>/

                  <el-button
                    :perms="perms"
                    :label="label"
                    type="text"
                    @click="updateStwhb('其他生态毒性')"
                  >{{label}}</el-button>
                </td>
              </tr>

            </table>
          </el-container>
        </el-scrollbar>
      </div>
    </el-tab-pane>
    <el-tab-pane label="健康危害表" name="jkwhb">
      <div id="mamm_toxicity" class="mamm_toxicity">
        <el-scrollbar style="height:100%;">
          <el-container class="elementDetail">
            <table>
              <tr>
                <th style="width: 110px;height:40px;text-align:center;vertical-align:middle;">属性</th>
                <th style="width: 150px;text-align:center;vertical-align:middle;">试验生物种属</th>
                <th style="width: 100px;text-align:center;vertical-align:middle;">试验时间</th>
                <th style="width: 100px;text-align:center;vertical-align:middle;">效应类型</th>
                <th style="width: 125px;text-align:center;vertical-align:middle;">效应值单位</th>
                <th style="width: 90px;text-align:center;vertical-align:middle;">效应值</th>
                <th style="width: 200px;text-align:center;vertical-align:middle;">致癌性LARC分类</th>
                <th style="width: 100px;text-align:center;vertical-align:middle;">试验方法</th>
                <th style="width: 110px;text-align:center;vertical-align:middle;">实测/预测</th>
                <th style="width: 200px;text-align:center;vertical-align:middle;">数据来源</th>
                <th style="width: 350px;text-align:center;vertical-align:middle;">备注</th>
                <th style="width: 160px;text-align:center;vertical-align:middle;">操作</th>

              </tr>
              <tr>
                <td>健康危害分类</td>
                <td>/</td>
                <td>/</td>
                <td>/</td>
                <td align="left">{{jkwhbJkwhfl.unit}}</td>
                <td>/</td>
                <td align="left">{{jkwhbJkwhfl.zax}}</td>
                <td>/</td>
                <td>/</td>
                <td align="left">{{jkwhbJkwhfl.resource}}</td>
                <td align="left">{{jkwhbJkwhfl.remark}}</td>
                <el-button type="text" @click="viewMoreJkwhb('健康危害分类')">更多</el-button>/
                <el-button
                  :perms="perms"
                  :label="label_add"
                  type="text"
                  @click="addRecordJkwhb('健康危害分类')"
                >{{label_add}}</el-button>/

                <el-button
                  :perms="perms"
                  :label="label"
                  type="text"
                  @click="updateJkwhb('健康危害分类')"
                >{{label}}</el-button>

              </tr>
              <tr>
                <td>经口急性毒性</td>
                <td align="left">{{jkwhbJkjxdx.species}}</td>
                <td align="left">{{jkwhbJkjxdx.time}}</td>
                <td>急毒LD50</td>
                <td align="left">{{jkwhbJkjxdx.unit}}</td>
                <td align="left">{{jkwhbJkjxdx.value}}</td>
                <td align="left">{{jkwhbJkjxdx.zax}}</td>
                <td align="left">{{jkwhbJkjxdx.method}}</td>
                <td align="left">{{jkwhbJkjxdx.shiceyuce}}</td>
                <td align="left">{{jkwhbJkjxdx.resource}}</td>
                <td align="left">{{jkwhbJkjxdx.remark}}</td>
                <td><el-button type="text" @click="viewMoreJkwhb('经口急性毒性')">更多</el-button>/

                  <el-button
                    :perms="perms"
                    :label="label_add"
                    type="text"
                    @click="addRecordJkwhb('经口急性毒性')"
                  >{{label_add}}</el-button>/

                  <el-button
                    :perms="perms"
                    :label="label"
                    type="text"
                    @click="updateJkwhb('经口急性毒性')"
                  >{{label}}</el-button>
                </td>
              </tr>

              <!--              <tr>-->
              <!--                <td>经口急毒试验物种</td>-->
              <!--                <td align="left">{{ element.jkwhbJkjdsywz }}</td>-->
              <!--              </tr>-->
              <!--              <tr>-->
              <!--                <td>经口急毒暴露时间</td>-->
              <!--                <td align="left">{{ element.hjxwGjbsqSoilKeyValue }}</td>-->
              <!--              </tr>-->
              <!--              <tr>-->
              <!--                <td>经口急毒试验方法</td>-->
              <!--                <td align="left">{{ element.jkwhbJkjdsyff }}</td>-->
              <!--              </tr>-->
              <!--              <tr>-->
              <!--                <td>经口急毒备注</td>-->
              <!--                <td align="left">{{ element.jkwhbJkjdbz }}</td>-->
              <!--              </tr>-->
              <tr>
                <td>经皮急性毒性</td>
                <td align="left">{{jkwhbJpjxdx.species}}</td>
                <td align="left">{{jkwhbJpjxdx.time}}</td>
                <td>急毒LD50</td>
                <td>{{jkwhbJpjxdx.unit}}</td>
                <td align="left">{{jkwhbJpjxdx.value}}</td>
                <td align="left">{{jkwhbJpjxdx.zax}}</td>
                <td align="left">{{jkwhbJpjxdx.method}}</td>
                <td align="left">{{jkwhbJpjxdx.shiceyuce}}</td>
                <td align="left">{{jkwhbJpjxdx.resource}}</td>
                <td align="left">{{jkwhbJpjxdx.remark}}</td>
                <td><el-button type="text" @click="viewMoreJkwhb('经皮急性毒性')">更多</el-button>/

                  <el-button
                    :perms="perms"
                    :label="label_add"
                    type="text"
                    @click="addRecordJkwhb('经皮急性毒性')"
                  >{{label_add}}</el-button>/

                  <el-button
                    :perms="perms"
                    :label="label"
                    type="text"
                    @click="updateJkwhb('经皮急性毒性')"
                  >{{label}}</el-button>
                </td>
              </tr>

              <!--              <tr>-->
              <!--                <td>经皮急毒试验物种</td>-->
              <!--                <td align="left">{{ element.hjxwGjbsqSoilKeyValue }}</td>-->
              <!--              </tr>-->
              <!--              <tr>-->
              <!--                <td>经皮急毒暴露时间</td>-->
              <!--                <td align="left">{{ element.hjxwGjbsqSoilKeyValue }}</td>-->
              <!--              </tr>-->
              <!--              <tr>-->
              <!--                <td>经皮急毒试验方法</td>-->
              <!--                <td align="left">{{ element.hjxwGjbsqSoilKeyValue }}</td>-->
              <!--              </tr>-->
              <!--              <tr>-->
              <!--                <td>经皮急毒备注</td>-->
              <!--                <td align="left">{{ element.hjxwGjbsqSoilKeyValue }}</td>-->
              <!--              </tr>-->
              <tr>
                <td>吸入急性毒性</td>
                <td align="left">{{jkwhbXrjxdx.species}}</td>
                <td align="left">{{jkwhbXrjxdx.time}}</td>
                <td>吸入气体急毒LC50</td>
                <td >{{jkwhbXrjxdx.unit}}</td>
                <td align="left">{{jkwhbXrjxdx.value}}</td>
                <td align="left">{{jkwhbXrjxdx.zax}}</td>
                <td align="left">{{jkwhbXrjxdx.method}}</td>
                <td align="left">{{jkwhbXrjxdx.shiceyuce}}</td>
                <td align="left">{{jkwhbXrjxdx.resource}}</td>
                <td align="left">{{jkwhbXrjxdx.remark}}</td>
                <td><el-button type="text" @click="viewMoreJkwhb('吸入急性毒性')">更多</el-button>/

                  <el-button
                    :perms="perms"
                    :label="label_add"
                    type="text"
                    @click="addRecordJkwhb('吸入急性毒性')"
                  >{{label_add}}</el-button>/

                  <el-button
                    :perms="perms"
                    :label="label"
                    type="text"
                    @click="updateJkwhb('吸入急性毒性')"
                  >{{label}}</el-button>
                </td>
              </tr>

              <tr>
                <td>吸入急性毒性</td>
                <td align="left">{{jkwhbXrjxdx.species}}</td>
                <td align="left">{{jkwhbXrjxdx.time}}</td>
                <td>吸入蒸气急毒LC50</td>
                <td >{{jkwhbXrjxdx.unit}}</td>
                <td align="left">{{jkwhbXrjxdx.value}}</td>
                <td align="left">{{jkwhbXrjxdx.zax}}</td>
                <td align="left">{{jkwhbXrjxdx.method}}</td>
                <td align="left">{{jkwhbXrjxdx.shiceyuce}}</td>
                <td align="left">{{jkwhbXrjxdx.resource}}</td>
                <td align="left">{{jkwhbXrjxdx.remark}}</td>
                <td><el-button type="text" @click="viewMoreJkwhb('吸入急性毒性')">更多</el-button>/

                  <el-button
                    :perms="perms"
                    :label="label_add"
                    type="text"
                    @click="addRecordJkwhb('吸入急性毒性')"
                  >{{label_add}}</el-button>/

                  <el-button
                    :perms="perms"
                    :label="label"
                    type="text"
                    @click="updateJkwhb('吸入急性毒性')"
                  >{{label}}</el-button>
                </td>
              </tr>

              <tr>
                <td>吸入急性毒性</td>
                <td align="left">{{jkwhbXrjxdx.species}}</td>
                <td align="left">{{jkwhbXrjxdx.time}}</td>
                <td>吸入粉尘急毒LC50</td>
                <td >{{jkwhbXrjxdx.unit}}</td>
                <td align="left">{{jkwhbXrjxdx.value}}</td>
                <td align="left">{{jkwhbXrjxdx.zax}}</td>
                <td align="left">{{jkwhbXrjxdx.method}}</td>
                <td align="left">{{jkwhbXrjxdx.shiceyuce}}</td>
                <td align="left">{{jkwhbXrjxdx.resource}}</td>
                <td align="left">{{jkwhbXrjxdx.remark}}</td>
                <td><el-button type="text" @click="viewMoreJkwhb('吸入急性毒性')">更多</el-button>/

                  <el-button
                    :perms="perms"
                    :label="label_add"
                    type="text"
                    @click="addRecordJkwhb('吸入急性毒性')"
                  >{{label_add}}</el-button>/

                  <el-button
                    :perms="perms"
                    :label="label"
                    type="text"
                    @click="updateJkwhb('吸入急性毒性')"
                  >{{label}}</el-button>
                </td>
              </tr>

              <!--              <tr>-->
              <!--                <td>吸入急毒试验物种</td>-->
              <!--                <td align="left">{{ element.jkwhbXrjdsywz }}</td>-->
              <!--              </tr>-->
              <!--              <tr>-->
              <!--                <td>吸入急毒暴露时间</td>-->
              <!--                <td align="left">{{ element.jkwhbXrjdblsj }}</td>-->
              <!--              </tr>-->
              <!--              <tr>-->
              <!--                <td>吸入急毒试验方法</td>-->
              <!--                <td align="left">{{ element.jkwhXrjdQualifier }}</td>-->
              <!--              </tr>-->
              <!--              <tr>-->
              <!--                <td>吸入急毒备注</td>-->
              <!--                <td align="left">{{ element.jkwhbXrjdbz }}</td>-->
              <!--              </tr>-->
              <!--              <tr>-->
              <!--                <td>其他途径急毒</td>-->
              <!--                <td align="left">{{ element.hjxwGjbsqSoilKeyValue }}</td>-->
              <!--              </tr>-->
              <!--              <tr>-->
              <!--                <td>急性毒性备注</td>-->
              <!--                <td align="left">{{ element.hjxwGjbsqSoilKeyValue }}</td>-->
              <!--              </tr>-->
              <tr>
                <td>慢毒经口毒性</td>
                <td align="left">{{jkwhbMxjkdx.unit}}</td>
                <td align="left">{{jkwhbMxjkdx.value}}</td>
                <td>NOAEL</td>
                <td >{{jkwhbMxjkdx.unit}}</td>
                <td align="left">{{jkwhbMxjkdx.value}}</td>
                <td align="left">{{jkwhbMxjkdx.zax}}</td>
                <td align="left">{{jkwhbMxjkdx.method}}</td>
                <td align="left">{{jkwhbMxjkdx.shiceyuce}}</td>
                <td align="left">{{jkwhbMxjkdx.resource}}</td>
                <td align="left">{{jkwhbMxjkdx.remark}}</td>
                <td><el-button type="text" @click="viewMoreJkwhb('慢毒经口毒性')">更多</el-button>/

                  <el-button
                    :perms="perms"
                    :label="label_add"
                    type="text"
                    @click="addRecordJkwhb('慢毒经口毒性')"
                  >{{label_add}}</el-button>/

                  <el-button
                    :perms="perms"
                    :label="label"
                    type="text"
                    @click="updateJkwhb('慢毒经口毒性')"
                  >{{label}}</el-button>
                </td>
              </tr>

              <tr>
                <td>慢毒经口毒性</td>
                <td align="left">{{jkwhbMxjkdx.unit}}</td>
                <td align="left">{{jkwhbMxjkdx.value}}</td>
                <td>LOAEL{{ element.jkwhbMdjkxy }}</td>
                <td >{{jkwhbMxjkdx.unit}}</td>
                <td align="left">{{jkwhbMxjkdx.value}}</td>
                <td align="left">{{jkwhbMxjkdx.zax}}</td>
                <td align="left">{{jkwhbMxjkdx.method}}</td>
                <td align="left">{{jkwhbMxjkdx.shiceyuce}}</td>
                <td align="left">{{jkwhbMxjkdx.resource}}</td>
                <td align="left">{{jkwhbMxjkdx.remark}}</td>
                <td><el-button type="text" @click="viewMoreJkwhb('慢毒经口毒性')">更多</el-button>/

                  <el-button
                    :perms="perms"
                    :label="label_add"
                    type="text"
                    @click="addRecordJkwhb('慢毒经口毒性')"
                  >{{label_add}}</el-button>/

                  <el-button
                    :perms="perms"
                    :label="label"
                    type="text"
                    @click="updateJkwhb('慢毒经口毒性')"
                  >{{label}}</el-button>
                </td>
              </tr>
              <!--              <tr>-->
              <!--                <td>慢毒经口试验物种</td>-->
              <!--                <td align="left">{{ element.jkwhbMdjksywz }}</td>-->
              <!--              </tr>-->
              <!--              <tr>-->
              <!--                <td>慢毒经口暴露时间</td>-->
              <!--                <td align="left">{{ element.jkwhbMdjkblsj }}</td>-->
              <!--              </tr>-->
              <!--              <tr>-->
              <!--                <td>慢毒经口试验方法</td>-->
              <!--                <td align="left">{{ element.jkwhbMdjksyff }}</td>-->
              <!--              </tr>-->
              <!--              <tr>-->
              <!--                <td>慢毒经口效应</td>-->
              <!--                <td align="left">{{ element.jkwhbMdjkxy }}</td>-->
              <!--              </tr>-->
              <!--              <tr>-->
              <!--                <td>慢毒经口备注</td>-->
              <!--                <td align="left">{{ element.jkwhbMdjkbz }}</td>-->
              <!--              </tr>-->
              <tr>
                <td>慢毒经皮毒性</td>
                <td align="left">{{jkwhbMxjpdx.unit}}</td>
                <td align="left">{{jkwhbMxjpdx.value}}</td>
                <td>慢毒经皮NOAEL</td>
                <td >{{jkwhbMxjpdx.unit}}</td>
                <td align="left">{{jkwhbMxjpdx.value}}</td>
                <td align="left">{{jkwhbMxjpdx.zax}}</td>
                <td align="left">{{jkwhbMxjpdx.method}}</td>
                <td align="left">{{jkwhbMxjpdx.shiceyuce}}</td>
                <td align="left">{{jkwhbMxjpdx.resource}}</td>
                <td align="left">{{jkwhbMxjpdx.remark}}</td>
                <td><el-button type="text" @click="viewMoreJkwhb('慢毒经皮毒性')">更多</el-button>/

                  <el-button
                    :perms="perms"
                    :label="label_add"
                    type="text"
                    @click="addRecordJkwhb('慢毒经皮毒性')"
                  >{{label_add}}</el-button>/

                  <el-button
                    :perms="perms"
                    :label="label"
                    type="text"
                    @click="updateJkwhb('慢毒经皮毒性')"
                  >{{label}}</el-button>
                </td>
              </tr>

              <!--              <tr>-->
              <!--                <td>慢毒经皮LOAEL</td>-->
              <!--                <td align="left">{{ element.jkwhbMdjploael }}</td>-->
              <!--              </tr>-->

              <!--              <tr>-->
              <!--                <td>慢毒经皮试验物种</td>-->
              <!--                <td align="left">{{ element.jkwhbMdjpsywz }}</td>-->
              <!--              </tr>-->
              <!--              <tr>-->
              <!--                <td>慢毒经皮暴露时间</td>-->
              <!--                <td align="left">{{ element.jkwhbMdjpblsj }}</td>-->
              <!--              </tr>-->
              <!--              <tr>-->
              <!--                <td>慢毒经皮试验方法</td>-->
              <!--                <td align="left">{{ element.jkwhbMdjpsyff }}</td>-->
              <!--              </tr>-->
              <!--              <tr>-->
              <!--                <td>慢毒经皮效应</td>-->
              <!--                <td align="left">{{ element.jkwhbMdjpxy }}</td>-->
              <!--              </tr>-->
              <!--              <tr>-->
              <!--                <td>慢毒经皮备注</td>-->
              <!--                <td align="left">{{ element.hjxwGjbsqSoilKeyValue }}</td>-->
              <!--              </tr>-->
              <!--              <tr>-->
              <!--                <td>其他途径慢毒</td>-->
              <!--                <td align="left">{{ element.hjxwGjbsqSoilKeyValue }}</td>-->
              <!--              </tr>-->
              <!--              <tr>-->
              <!--                <td>慢性毒性备注</td>-->
              <!--                <td align="left">{{ element.hjxwGjbsqSoilKeyValue }}</td>-->
              <!--              </tr>-->
              <!--              <tr>-->
              <!--                <td>致癌性描述</td>-->
              <!--                <td align="left">{{ element.jkwhbZaxms }}</td>-->
              <!--              </tr>-->
              <!--              <tr>-->
              <!--                <td>致癌性IARC分类</td>-->
              <!--                <td align="left">{{ element.jkwhbZaxIarcfl }}</td>-->
              <!--              </tr>-->
              <tr>
                <td>慢毒吸入毒性</td>
                <td align="left">{{jkwhbMxxrdx.unit}}</td>
                <td align="left">{{jkwhbMxxrdx.value}}</td>
                <td>慢毒吸入气体NOAEL</td>
                <td >{{jkwhbMxxrdx.unit}}</td>
                <td align="left">{{jkwhbMxxrdx.value}}</td>
                <td align="left">{{jkwhbMxxrdx.zax}}</td>
                <td align="left">{{jkwhbMxxrdx.method}}</td>
                <td align="left">{{jkwhbMxxrdx.shiceyuce}}</td>
                <td align="left">{{jkwhbMxxrdx.resource}}</td>
                <td align="left">{{jkwhbMxxrdx.remark}}</td>
                <td><el-button type="text" @click="viewMoreJkwhb('慢毒吸入毒性')">更多</el-button>/

                  <el-button
                    :perms="perms"
                    :label="label_add"
                    type="text"
                    @click="addRecordJkwhb('慢毒吸入毒性')"
                  >{{label_add}}</el-button>/

                  <el-button
                    :perms="perms"
                    :label="label"
                    type="text"
                    @click="updateJkwhb('慢毒吸入毒性')"
                  >{{label}}</el-button>
                </td>
              </tr>
              <!--              <tr>-->
              <!--                <td>慢毒吸入试验物种</td>-->
              <!--                <td align="left">{{ element.jkwhbMdxrsywz }}</td>-->

              <!--              </tr>-->
              <!--              <tr>-->
              <!--                <td>慢毒吸入暴露时间</td>-->
              <!--                <td align="left">{{ element.jkwhbMdxrblsj }}</td>-->

              <!--              </tr>-->
              <!--              <tr>-->
              <!--                <td>慢毒吸入试验方法</td>-->
              <!--                <td align="left">{{ element.jkwhbMdxrsyff }}</td>-->
              <!--              </tr>-->
              <!--              <tr>-->
              <!--                <td>慢毒吸入效应</td>-->
              <!--                <td align="left">{{ element.hjxwGjbsqSoilKeyValue }}</td>-->
              <!--              </tr>-->
              <!--              <tr>-->
              <!--                <td>慢毒吸入备注</td>-->
              <!--                <td align="left">{{ element.jkwhbMdxrbz }}</td>-->
              <!--              </tr>-->
              <tr>
                <td>致癌性</td>
                <td align="left">{{jkwhbZax.species}}</td>
                <td align="left">{{jkwhbZax.time}}</td>
                <td align="left">{{jkwhbZax.type}}</td>
                <td >{{jkwhbZax.unit}}</td>
                <td align="left">{{jkwhbZax.value}}</td>
                <td align="left">{{jkwhbZax.zax}}</td>
                <td align="left">{{jkwhbZax.method}}</td>
                <td align="left">{{jkwhbZax.shiceyuce}}</td>
                <td align="left">{{jkwhbZax.resource}}</td>
                <td align="left">{{jkwhbZax.remark}}</td>
                <td><el-button type="text" @click="viewMoreJkwhb('致癌性')">更多</el-button>/

                  <el-button
                    :perms="perms"
                    :label="label_add"
                    type="text"
                    @click="addRecordJkwhb('致癌性')"
                  >{{label_add}}</el-button>/

                  <el-button
                    :perms="perms"
                    :label="label"
                    type="text"
                    @click="updateJkwhb('致癌性')"
                  >{{label}}</el-button>
                </td>
              </tr>

              <tr>
                <td>RfC</td>
                <td align="left">{{jkwhbRfc.species}}</td>
                <td align="left">{{jkwhbRfc.time}}</td>
                <td align="left">{{jkwhbRfc.type}}</td>
                <td >{{jkwhbRfc.unit}}</td>
                <td align="left">{{jkwhbRfc.value}}</td>
                <td align="left">{{jkwhbRfc.zax}}</td>
                <td align="left">{{jkwhbRfc.method}}</td>
                <td align="left">{{jkwhbRfc.shiceyuce}}</td>
                <td align="left">{{jkwhbRfc.resource}}</td>
                <td align="left">{{jkwhbRfc.remark}}</td>
                <td><el-button type="text" @click="viewMoreJkwhb('RfC')">更多</el-button>/

                  <el-button
                    :perms="perms"
                    :label="label_add"
                    type="text"
                    @click="addRecordJkwhb('RfC')"
                  >{{label_add}}</el-button>/

                  <el-button
                    :perms="perms"
                    :label="label"
                    type="text"
                    @click="updateJkwhb('RfC')"
                  >{{label}}</el-button>
                </td>
              </tr>
              <tr>
                <td>RfD</td>
                <td align="left">{{jkwhbRfd.species}}</td>
                <td align="left">{{jkwhbRfd.time}}</td>
                <td align="left">{{jkwhbRfd.type}}</td>
                <td >{{jkwhbRfd.unit}}</td>
                <td align="left">{{jkwhbRfd.value}}</td>
                <td align="left">{{jkwhbRfd.zax}}</td>
                <td align="left">{{jkwhbRfd.method}}</td>
                <td align="left">{{jkwhbRfd.shiceyuce}}</td>
                <td align="left">{{jkwhbRfd.resource}}</td>
                <td align="left">{{jkwhbRfd.remark}}</td>
                <td><el-button type="text" @click="viewMoreJkwhb('RfD')">更多</el-button>/

                  <el-button
                    :perms="perms"
                    :label="label_add"
                    type="text"
                    @click="addRecordJkwhb('RfD')"
                  >{{label_add}}</el-button>/

                  <el-button
                    :perms="perms"
                    :label="label"
                    type="text"
                    @click="updateJkwhb('RfD')"
                  >{{label}}</el-button>
                </td>
              </tr>
              <tr>
                <td>经口SF</td>
                <td align="left">{{jkwhbJksf.species}}</td>
                <td align="left">{{jkwhbJksf.time}}</td>
                <td align="left">{{jkwhbJksf.type}}</td>
                <td >{{jkwhbJksf.unit}}</td>
                <td align="left">{{jkwhbJksf.value}}</td>
                <td align="left">{{jkwhbJksf.zax}}</td>
                <td align="left">{{jkwhbJksf.method}}</td>
                <td align="left">{{jkwhbJksf.shiceyuce}}</td>
                <td align="left">{{jkwhbJksf.resource}}</td>
                <td align="left">{{jkwhbJksf.remark}}</td>
                <td><el-button type="text" @click="viewMoreJkwhb('经口SF')">更多</el-button>/

                  <el-button
                    :perms="perms"
                    :label="label_add"
                    type="text"
                    @click="addRecordJkwhb('经口SF')"
                  >{{label_add}}</el-button>/

                  <el-button
                    :perms="perms"
                    :label="label"
                    type="text"
                    @click="updateJkwhb('经口SF')"
                  >{{label}}</el-button>
                </td>
              </tr>
              <tr>
                <td>吸入IUR</td>
                <td align="left">{{jkwhbXriur.species}}</td>
                <td align="left">{{jkwhbXriur.time}}</td>
                <td align="left">{{jkwhbXriur.type}}</td>
                <td >{{jkwhbXriur.unit}}</td>
                <td align="left">{{jkwhbXriur.value}}</td>
                <td align="left">{{jkwhbXriur.zax}}</td>
                <td align="left">{{jkwhbXriur.method}}</td>
                <td align="left">{{jkwhbXriur.shiceyuce}}</td>
                <td align="left">{{jkwhbXriur.resource}}</td>
                <td align="left">{{jkwhbXriur.remark}}</td>
                <td><el-button type="text" @click="viewMoreJkwhb('吸入IUR')">更多</el-button>/

                  <el-button
                    :perms="perms"
                    :label="label_add"
                    type="text"
                    @click="addRecordJkwhb('吸入IUR')"
                  >{{label_add}}</el-button>/

                  <el-button
                    :perms="perms"
                    :label="label"
                    type="text"
                    @click="updateJkwhb('吸入IUR')"
                  >{{label}}</el-button>
                </td>
              </tr>
              <tr>
                <td>饮用水因子</td>
                <td align="left">{{jkwhbYysyz.species}}</td>
                <td align="left">{{jkwhbYysyz.time}}</td>
                <td align="left">{{jkwhbYysyz.type}}</td>
                <td >{{jkwhbYysyz.unit}}</td>
                <td align="left">{{jkwhbYysyz.value}}</td>
                <td align="left">{{jkwhbYysyz.zax}}</td>
                <td align="left">{{jkwhbYysyz.method}}</td>
                <td align="left">{{jkwhbYysyz.shiceyuce}}</td>
                <td align="left">{{jkwhbYysyz.resource}}</td>
                <td align="left">{{jkwhbYysyz.remark}}</td>
                <td><el-button type="text" @click="viewMoreJkwhb('饮用水因子')">更多</el-button>/

                  <el-button
                    :perms="perms"
                    :label="label_add"
                    type="text"
                    @click="addRecordJkwhb('饮用水因子')"
                  >{{label_add}}</el-button>/

                  <el-button
                    :perms="perms"
                    :label="label"
                    type="text"
                    @click="updateJkwhb('饮用水因子')"
                  >{{label}}</el-button>
                </td>
              </tr>
              <tr>
                <td>致突变性</td>
                <td align="left">{{jkwhbZtbx.species}}</td>
                <td align="left">{{jkwhbZtbx.time}}</td>
                <td align="left">{{jkwhbZtbx.type}}</td>
                <td >{{jkwhbZtbx.unit}}</td>
                <td align="left">{{jkwhbZtbx.value}}</td>
                <td align="left">{{jkwhbZtbx.zax}}</td>
                <td align="left">{{jkwhbZtbx.method}}</td>
                <td align="left">{{jkwhbZtbx.shiceyuce}}</td>
                <td align="left">{{jkwhbZtbx.resource}}</td>
                <td align="left">{{jkwhbZtbx.remark}}</td>
                <td><el-button type="text" @click="viewMoreJkwhb('致突变性')">更多</el-button>/

                  <el-button
                    :perms="perms"
                    :label="label_add"
                    type="text"
                    @click="addRecordJkwhb('致突变性')"
                  >{{label_add}}</el-button>/

                  <el-button
                    :perms="perms"
                    :label="label"
                    type="text"
                    @click="updateJkwhb('致突变性')"
                  >{{label}}</el-button>
                </td>
              </tr>
              <tr>
                <td>生殖毒性</td>
                <td align="left">{{jkwhbSzdx.species}}</td>
                <td align="left">{{jkwhbSzdx.time}}</td>
                <td>NOAEL</td>
                <td >{{jkwhbSzdx.unit}}</td>
                <td align="left">{{jkwhbSzdx.value}}</td>
                <td align="left">{{jkwhbSzdx.zax}}</td>
                <td align="left">{{jkwhbSzdx.method}}</td>
                <td align="left">{{jkwhbSzdx.shiceyuce}}</td>
                <td align="left">{{jkwhbSzdx.resource}}</td>
                <td align="left">{{jkwhbSzdx.remark}}</td>
                <td><el-button type="text" @click="viewMoreJkwhb('生殖毒性')">更多</el-button>/

                  <el-button
                    :perms="perms"
                    :label="label_add"
                    type="text"
                    @click="addRecordJkwhb('生殖毒性')"
                  >{{label_add}}</el-button>/

                  <el-button
                    :perms="perms"
                    :label="label"
                    type="text"
                    @click="updateJkwhb('生殖毒性')"
                  >{{label}}</el-button>
                </td>

              </tr>
              <tr>
                <td>生殖毒性</td>
                <td align="left">{{jkwhbSzdx.species}}</td>
                <td align="left">{{jkwhbSzdx.time}}</td>
                <td>LOAEL</td>
                <td >{{jkwhbSzdx.unit}}</td>
                <td align="left">{{jkwhbSzdx.value}}</td>
                <td align="left">{{jkwhbSzdx.zax}}</td>
                <td align="left">{{jkwhbSzdx.method}}</td>
                <td align="left">{{jkwhbSzdx.shiceyuce}}</td>
                <td align="left">{{jkwhbSzdx.resource}}</td>
                <td align="left">{{jkwhbSzdx.remark}}</td>
                <td><el-button type="text" @click="viewMoreJkwhb('生殖毒性')">更多</el-button>/

                  <el-button
                    :perms="perms"
                    :label="label_add"
                    type="text"
                    @click="addRecordJkwhb('生殖毒性')"
                  >{{label_add}}</el-button>/

                  <el-button
                    :perms="perms"
                    :label="label"
                    type="text"
                    @click="updateJkwhb('生殖毒性')"
                  >{{label}}</el-button>
                </td>

              </tr>
              <!--              <tr>-->
              <!--                <td>生殖毒性试验物种</td>-->
              <!--                <td align="left">{{ element.jkwhbSzdxsywz }}</td>-->

              <!--              </tr>-->
              <!--              <tr>-->
              <!--                <td>生殖毒性暴露途径</td>-->
              <!--                <td align="left">{{ element.jkwhbSzdxbltj }}</td>-->

              <!--              </tr>-->
              <!--              <tr>-->
              <!--                <td>生殖毒性备注</td>-->
              <!--                <td align="left">{{ element.jkwhbSzdxbz }}</td>-->

              <!--              </tr>-->
              <tr>
                <td>神经毒性</td>
                <td align="left">{{jkwhbSjdx.species}}</td>
                <td align="left">{{jkwhbSjdx.time}}</td>
                <td align="left">{{jkwhbSjdx.type}}</td>
                <td >{{jkwhbSjdx.unit}}</td>
                <td align="left">{{jkwhbSjdx.value}}</td>
                <td align="left">{{jkwhbSjdx.zax}}</td>
                <td align="left">{{jkwhbSjdx.method}}</td>
                <td align="left">{{jkwhbSjdx.shiceyuce}}</td>
                <td align="left">{{jkwhbSjdx.resource}}</td>
                <td align="left">{{jkwhbSjdx.remark}}</td>
                <td><el-button type="text" @click="viewMoreJkwhb('神经毒性')">更多</el-button>/

                  <el-button
                    :perms="perms"
                    :label="label_add"
                    type="text"
                    @click="addRecordJkwhb('神经毒性')"
                  >{{label_add}}</el-button>/

                  <el-button
                    :perms="perms"
                    :label="label"
                    type="text"
                    @click="updateJkwhb('神经毒性')"
                  >{{label}}</el-button>
                </td>

              </tr>
              <tr>
                <td>皮肤致敏</td>
                <td align="left">{{jkwhbPfzm.species}}</td>
                <td align="left">{{jkwhbPfzm.time}}</td>
                <td align="left">{{jkwhbPfzm.type}}</td>
                <td >{{jkwhbPfzm.unit}}</td>
                <td align="left">{{jkwhbPfzm.value}}</td>
                <td align="left">{{jkwhbPfzm.zax}}</td>
                <td align="left">{{jkwhbPfzm.method}}</td>
                <td align="left">{{jkwhbPfzm.shiceyuce}}</td>
                <td align="left">{{jkwhbPfzm.resource}}</td>
                <td align="left">{{jkwhbPfzm.remark}}</td>
                <td><el-button type="text" @click="viewMoreJkwhb('皮肤致敏')">更多</el-button>/

                  <el-button
                    :perms="perms"
                    :label="label_add"
                    type="text"
                    @click="addRecordJkwhb('皮肤致敏')"
                  >{{label_add}}</el-button>/

                  <el-button
                    :perms="perms"
                    :label="label"
                    type="text"
                    @click="updateJkwhb('皮肤致敏')"
                  >{{label}}</el-button>
                </td>

              </tr>
              <tr>
                <td>呼吸致敏</td>
                <td align="left">{{jkwhbHxzm.species}}</td>
                <td align="left">{{jkwhbHxzm.time}}</td>
                <td align="left">{{jkwhbHxzm.type}}</td>
                <td align="">{{jkwhbHxzm.unit}}</td>
                <td align="left">{{jkwhbHxzm.value}}</td>
                <td align="left">{{jkwhbHxzm.zax}}</td>
                <td align="left">{{jkwhbHxzm.method}}</td>
                <td align="left">{{jkwhbHxzm.shiceyuce}}</td>
                <td align="left">{{jkwhbHxzm.resource}}</td>
                <td align="left">{{jkwhbHxzm.remark}}</td>
                <td><el-button type="text" @click="viewMoreJkwhb('呼吸致敏')">更多</el-button>/

                  <el-button
                    :perms="perms"
                    :label="label_add"
                    type="text"
                    @click="addRecordJkwhb('呼吸致敏')"
                  >{{label_add}}</el-button>/

                  <el-button
                    :perms="perms"
                    :label="label"
                    type="text"
                    @click="updateJkwhb('呼吸致敏')"
                  >{{label}}</el-button>
                </td>

              </tr>
              <tr>
                <td>腐蚀/刺激性</td>
                <td align="left">{{jkwhbFscjx.species}}</td>
                <td align="left">{{jkwhbFscjx.time}}</td>
                <td align="left">{{jkwhbFscjx.type}}</td>
                <td align="">{{jkwhbFscjx.unit}}</td>
                <td align="left">{{jkwhbFscjx.value}}</td>
                <td align="left">{{jkwhbFscjx.zax}}</td>
                <td align="left">{{jkwhbFscjx.method}}</td>
                <td align="left">{{jkwhbFscjx.shiceyuce}}</td>
                <td align="left">{{jkwhbFscjx.resource}}</td>
                <td align="left">{{jkwhbFscjx.remark}}</td>
                <td><el-button type="text" @click="viewMoreJkwhb('腐蚀/刺激性')">更多</el-button>/

                  <el-button
                    :perms="perms"
                    :label="label_add"
                    type="text"
                    @click="addRecordJkwhb('腐蚀/刺激性')"
                  >{{label_add}}</el-button>/

                  <el-button
                    :perms="perms"
                    :label="label"
                    type="text"
                    @click="updateJkwhb('腐蚀/刺激性')"
                  >{{label}}</el-button>
                </td>

              </tr>
              <tr>
                <td>流行病学信息</td>
                <td align="left">{{jkwhbLxbxxx.species}}</td>
                <td align="left">{{jkwhbLxbxxx.time}}</td>
                <td align="left">{{jkwhbLxbxxx.type}}</td>
                <td align="">{{jkwhbLxbxxx.unit}}</td>
                <td align="left">{{jkwhbLxbxxx.value}}</td>
                <td align="left">{{jkwhbLxbxxx.zax}}</td>
                <td align="left">{{jkwhbLxbxxx.method}}</td>
                <td align="left">{{jkwhbLxbxxx.shiceyuce}}</td>
                <td align="left">{{jkwhbLxbxxx.resource}}</td>
                <td align="left">{{jkwhbLxbxxx.remark}}</td>
                <td><el-button type="text" @click="viewMoreJkwhb('流行病学信息')">更多</el-button>/

                  <el-button
                    :perms="perms"
                    :label="label_add"
                    type="text"
                    @click="addRecordJkwhb('流行病学信息')"
                  >{{label_add}}</el-button>/

                  <el-button
                    :perms="perms"
                    :label="label"
                    type="text"
                    @click="updateJkwhb('流行病学信息')"
                  >{{label}}</el-button>
                </td>

              </tr>
              <tr>
                <td>其他毒理学信息</td>
                <td align="left">{{jkwhbQtdlxxx.species}}</td>
                <td align="left">{{jkwhbQtdlxxx.time}}</td>
                <td align="left">{{jkwhbQtdlxxx.type}}</td>
                <td align="">{{jkwhbQtdlxxx.unit}}</td>
                <td align="left">{{jkwhbQtdlxxx.value}}</td>
                <td align="left">{{jkwhbQtdlxxx.zax}}</td>
                <td align="left">{{jkwhbQtdlxxx.method}}</td>
                <td align="left">{{jkwhbQtdlxxx.shiceyuce}}</td>
                <td align="left">{{jkwhbQtdlxxx.resource}}</td>
                <td align="left">{{jkwhbQtdlxxx.remark}}</td>
                <td><el-button type="text" @click="viewMoreJkwhb('其他毒理学信息')">更多</el-button>/

                  <el-button
                    :perms="perms"
                    :label="label_add"
                    type="text"
                    @click="addRecordJkwhb('其他毒理学信息')"
                  >{{label_add}}</el-button>/

                  <el-button
                    :perms="perms"
                    :label="label"
                    type="text"
                    @click="updateJkwhb('其他毒理学信息')"
                  >{{label}}</el-button>
                </td>

              </tr>
              <tr>
                <td>健康毒代动力学</td>
                <td align="left">{{jkwhbJkdddlx.species}}</td>
                <td align="left">{{jkwhbJkdddlx.time}}</td>
                <td align="left">{{jkwhbJkdddlx.type}}</td>
                <td align="">{{jkwhbJkdddlx.unit}}</td>
                <td align="left">{{jkwhbJkdddlx.value}}</td>
                <td align="left">{{jkwhbJkdddlx.zax}}</td>
                <td align="left">{{jkwhbJkdddlx.method}}</td>
                <td align="left">{{jkwhbJkdddlx.shiceyuce}}</td>
                <td align="left">{{jkwhbJkdddlx.resource}}</td>
                <td align="left">{{jkwhbJkdddlx.remark}}</td>
                <td><el-button type="text" @click="viewMoreJkwhb('健康毒代动力学')">更多</el-button>/

                  <el-button
                    :perms="perms"
                    :label="label_add"
                    type="text"
                    @click="addRecordJkwhb('健康毒代动力学')"
                  >{{label_add}}</el-button>/

                  <el-button
                    :perms="perms"
                    :label="label"
                    type="text"
                    @click="updateJkwhb('健康毒代动力学')"
                  >{{label}}</el-button>
                </td>

              </tr>
              <tr>
                <td>健康危害信息备注</td>
                <td>/</td>
                <td>/</td>
                <td>/</td>
                <td>/</td>
                <td>/</td>
                <td>/</td>
                <td>/</td>
                <td>/</td>
                <td align="left">{{jkwhbJkwhxxbz.resource}}</td>
                <td align="left">{{jkwhbJkwhxxbz.remark}}</td>
                <td><el-button type="text" @click="viewMoreJkwhb('健康危害信息备注')">更多</el-button>/

                  <el-button
                    :perms="perms"
                    :label="label_add"
                    type="text"
                    @click="addRecordJkwhb('健康危害信息备注')"
                  >{{label_add}}</el-button>/

                  <el-button
                    :perms="perms"
                    :label="label"
                    type="text"
                    @click="updateJkwhb('健康危害信息备注')"
                  >{{label}}</el-button>
                </td>

              </tr>

            </table>
          </el-container>
        </el-scrollbar>
        <!-- <div class="content" id="he_ha_info">
          <table>
            <tr>
              <th>致癌性</th>
              <th>致突变性</th>
              <th>内分泌干扰性</th>
              <th>生殖/发育毒性</th>
              <th>胆碱酯酶抑制</th>
              <th>神经毒性</th>
            </tr>
            <tr>
              <td id="carcinogen"></td>
              <td id="mutagen"></td>
              <td id="endocrineDistrupter"></td>
              <td id="reproductionOrDevelopmentEffects"></td>
              <td id="acetylCholinesteraseInhibitor"></td>
            </tr>
            <tr>
              <th>呼吸道刺激性</th>
              <th>皮肤刺激性</th>
              <th>皮肤致敏性</th>
              <th>眼刺激性</th>
              <th>光毒性</th>
            </tr>
            <tr>
              <td id="neurotoxicant"></td>
              <td id="respiratoryTractIrritant"></td>
              <td id="skinSensitiser"></td>
              <td id="skinIrritant"></td>
              <td id="eyeIrritant"></td>
              <td id="phototoxicant"></td>
            </tr>
            <tr>
              <td>人体健康危害</td>
              <td id="generalHumanHealthIssues"></td>
            </tr>
          </table>
        </div> -->
      </div>
    </el-tab-pane>
    <el-tab-pane label="行业信息表" name="hyxxb">
      <el-scrollbar style="height:100%;">
        <el-container class="elementDetail">
          <table>
            <tr>
              <th>参数</th>
              <th>参数单位</th>
              <th >值</th>
              <th>时间</th>
              <th style="width: 450px;height:40px;text-align:center;vertical-align:middle;">数据来源</th>
              <th style="width: 450px;text-align:center;vertical-align:middle;">备注</th>
              <th style="width: 160px;text-align:center;vertical-align:middle;">操作</th>

            </tr>

            <tr>
              <td>主要用途描述</td>
              <td>/</td>
              <td>/</td><!--{{ element.hyxxbZyytms }}-->
              <td>/</td>
              <td align="left">{{hyxxbZyytms.resource}}</td>
              <td align="left">{{hyxxbZyytms.remark}}</td>
              <td><el-button type="text" @click="viewMoreHyxxb('主要用途描述')">更多</el-button>/

                <el-button
                  :perms="perms"
                  :label="label_add"
                  type="text"
                  @click="addRecordHyxxb('主要用途描述')"
                >{{label_add}}</el-button>/

                <el-button
                  :perms="perms"
                  :label="label"
                  type="text"
                  @click="updateHyxxb('主要用途描述')"
                >{{label}}</el-button>
              </td>
            </tr>
            <tr>
              <td>行业生产量</td>
              <td >{{hyxxbHyscl.unit}}</td>
              <td >{{hyxxbHyscl.value}}t</td>
              <td align="left">{{hyxxbHyscl.time}}</td>
              <td align="left">{{hyxxbHyscl.resource}}</td>
              <td align="left">{{hyxxbHyscl.remark}}t</td>
              <td><el-button type="text" @click="viewMoreHyxxb('行业生产量')">更多</el-button>/

                <el-button
                  :perms="perms"
                  :label="label_add"
                  type="text"
                  @click="addRecordHyxxb('行业生产量')"
                >{{label_add}}</el-button>/

                <el-button
                  :perms="perms"
                  :label="label"
                  type="text"
                  @click="updateHyxxb('行业生产量')"
                >{{label}}</el-button>
              </td>
            </tr>
            <tr>
              <td>行业使用量</td>
              <td >{{hyxxbHysyl.unit}}</td>
              <td >{{hyxxbHysyl.value}}t</td>
              <td align="left">{{hyxxbHysyl.time}}</td>
              <td align="left">{{hyxxbHysyl.resource}}</td>
              <td align="left">{{hyxxbHysyl.remark}}t</td>
              <td><el-button type="text" @click="viewMoreHyxxb('行业使用量')">更多</el-button>/

                <el-button
                  :perms="perms"
                  :label="label_add"
                  type="text"
                  @click="addRecordHyxxb('行业使用量')"
                >{{label_add}}</el-button>/

                <el-button
                  :perms="perms"
                  :label="label"
                  type="text"
                  @click="updateHyxxb('行业使用量')"
                >{{label}}</el-button>
              </td>
            </tr>
            <tr>
              <td>行业功能（多个）</td>
              <td>/</td>
              <td>/</td><!--{{ element.hyxxbXygnDg }}-->
              <td>/</td>
              <td align="left">{{hyxxbHygndg.resource}}</td>
              <td align="left">{{hyxxbHygndg.remark}}</td>
              <td><el-button type="text" @click="viewMoreHyxxb('行业功能（多个）')">更多</el-button>/

                <el-button
                  :perms="perms"
                  :label="label_add"
                  type="text"
                  @click="addRecordHyxxb('行业功能（多个）')"
                >{{label_add}}</el-button>/

                <el-button
                  :perms="perms"
                  :label="label"
                  type="text"
                  @click="updateHyxxb('行业功能（多个）')"
                >{{label}}</el-button>
              </td>
            </tr>
            <tr>
              <td>行业应用领域</td>
              <td>/</td>
              <td>/</td><!--{{ element.hyxxbXyyyly }}-->
              <td>/</td>
              <td align="left">{{hyxxbHyyyly.resource}}</td>
              <td align="left">{{hyxxbHyyyly.remark}}</td>
              <td><el-button type="text" @click="viewMoreHyxxb('行业应用领域')">更多</el-button>/

                <el-button
                  :perms="perms"
                  :label="label_add"
                  type="text"
                  @click="addRecordHyxxb('行业应用领域')"
                >{{label_add}}</el-button>/

                <el-button
                  :perms="perms"
                  :label="label"
                  type="text"
                  @click="updateHyxxb('行业应用领域')"
                >{{label}}</el-button>
              </td>
            </tr>
            <tr>
              <td>行业生产工艺描述</td>
              <td>/</td>
              <td>/</td><!--{{ element.hyxxbXyscgyms }}-->
              <td>/</td>
              <td align="left">{{hyxxbHyscgyms.resource}}</td>
              <td align="left">{{hyxxbHyscgyms.remark}}</td>
              <td><el-button type="text" @click="viewMoreHyxxb('行业生产工艺描述')">更多</el-button>/

                <el-button
                  :perms="perms"
                  :label="label_add"
                  type="text"
                  @click="addRecordHyxxb('行业生产工艺描述')"
                >{{label_add}}</el-button>/

                <el-button
                  :perms="perms"
                  :label="label"
                  type="text"
                  @click="updateHyxxb('行业生产工艺描述')"
                >{{label}}</el-button>
              </td>
            </tr>
            <tr>
              <td>行业使用工艺描述</td>
              <td>/</td>
              <td>/</td><!--{{ element.hyxxbXyscgyms }}-->
              <td>/</td>
              <td align="left">{{hyxxbHysygyms.resource}}</td>
              <td align="left">{{hyxxbHysygyms.remark}}</td>
              <td><el-button type="text" @click="viewMoreHyxxb('行业使用工艺描述')">更多</el-button>/

                <el-button
                  :perms="perms"
                  :label="label"
                  type="text"
                  @click="addRecordHyxxb('行业使用工艺描述')"
                >{{label_add}}</el-button>/

                <el-button
                  :perms="perms"
                  :label="label"
                  type="text"
                  @click="updateHyxxb('行业使用工艺描述')"
                >{{label}}</el-button>
              </td>
            </tr>
            <tr>
              <td>生产使用备注</td>
              <td>/</td>
              <td>/</td><!--{{ element.hyxxbScsybz }}-->
              <td>/</td>
              <td align="left">{{hyxxbScsybz.resource}}</td>
              <td align="left">{{hyxxbScsybz.remark}}</td>
              <td><el-button type="text" @click="viewMoreHyxxb('生产使用备注')">更多</el-button>/

                <el-button
                  :perms="perms"
                  :label="label_add"
                  type="text"
                  @click="addRecordHyxxb('生产使用备注')"
                >{{label_add}}</el-button>/

                <el-button
                  :perms="perms"
                  :label="label"
                  type="text"
                  @click="updateHyxxb('生产使用备注')"
                >{{label}}</el-button>
              </td>
            </tr>
            <tr>
              <td>排放系数（大气）</td>
              <td align="left">{{hyxxbPfxsdq.unit}}</td>
              <td align="left">{{hyxxbPfxsdq.value}}</td>
              <td align="left">{{hyxxbPfxsdq.time}}</td>
              <td align="left">{{hyxxbPfxsdq.resource}}</td>
              <td align="left">{{hyxxbPfxsdq.remark}}</td>
              <td><el-button type="text" @click="viewMoreHyxxb('排放系数（大气）')">更多</el-button>/

                <el-button
                  :perms="perms"
                  :label="label_add"
                  type="text"
                  @click="addRecordHyxxb('排放系数（大气）')"
                >{{label_add}}</el-button>/

                <el-button
                  :perms="perms"
                  :label="label"
                  type="text"
                  @click="updateHyxxb('排放系数（大气）')"
                >{{label}}</el-button>
              </td>
            </tr>
            <tr>
              <td>排放系数（水）</td>
              <td align="left">{{hyxxbPfxss.unit}}</td>
              <td align="left">{{hyxxbPfxss.value}}</td>
              <td align="left">{{hyxxbPfxss.time}}</td>
              <td align="left">{{hyxxbPfxss.resource}}</td>
              <td align="left">{{hyxxbPfxss.remark}}</td>
              <td><el-button type="text" @click="viewMoreHyxxb('排放系数（水）')">更多</el-button>/

                <el-button
                  :perms="perms"
                  :label="label_add"
                  type="text"
                  @click="addRecordHyxxb('排放系数（水）')"
                >{{label_add}}</el-button>/

                <el-button
                  :perms="perms"
                  :label="label"
                  type="text"
                  @click="updateHyxxb('排放系数（水）')"
                >{{label}}</el-button>
              </td>
            </tr>

          </table>
        </el-container>
      </el-scrollbar>
    </el-tab-pane>
  </el-tabs>

</template>

<script>
import AddRecord from "./AddRecordEle/AddRecord";
import UpdateAndCorrect from "./AddRecordEle/UpdateAndCorrect";
import MoreElement from "./AddRecordEle/MoreElement";
export default {
  name: 'ElemenDetail',
  components: {MoreElement, UpdateAndCorrect, AddRecord},
  props: {
    elementId: {
      type: String,
      default: ''
    },
    perms: '',
  },
  data() {
    return {
      showdata:{},
      activeName: 'bsxxb',
      element: {},
      label: '',
      label_add: '',
      attribute:'',
      title:'',
      addRecordLhsxbFlag: false,
      addRecordHjxwbFlag: false,
      addRecordStwhbFlag: false,
      addRecordJkwhbFlag: false,
      addRecordHyxxbFlag: false,
      updateLhsxbFlag: false,
      updateHjxwbFlag: false,
      updateStwhbFlag: false,
      updateJkwhbFlag: false,
      updateHyxxbFlag: false,
      moreLhsxbFlag:false,
      moreHjxwbFlag:false,
      moreStwhbFlag:false,
      moreJkwhbFlag:false,
      moreHyxxbFlag:false,
      AddFlag: false,
      UpdateFlag: false,
      ViewFlag:false,
      labelName: '',
      btName: '',
      findParams:{
        elementId:'',
        flag:'1'
      },
      // 其它CAS号
      lhsxbData: [{}],
      hjxwbData: [{}],
      stwhbData: [{}],
      jkwhbData: [{}],
      hyxxbData: [{}],
      lhsxbJbxz: [{}],
      lhsxbFd:[{}],
      lhsxbSrjd:[{}],
      lhsxbBhzqy:[{}],
      lhsxbRd:[{}],
      lhsxbXdmd:[{}],
      lhsxbSd:[{}],
      lhsxbHlcs:[{}],
      lhsxbLogkow:[{}],
      lhsxbKoc:[{}],
      lhsxbJlcs:[{}],
      lhsxbRsx:[{}],
      lhsxbYhx:[{}],
      lhsxbBzx:[{}],
      lhsxbBmzl:[{}],
      lhsxbPh:[{}],
      hjxwbHjxwgs:[{}],
      hjxwbSwjjbsq:[{}],
      hjxwbSwjj:[{}],
      hjxwbGjbsq:[{}],
      hjxwbSjbsq:[{}],
      hjxwbQtjjxsm:[{}],
      hjxwbBcf:[{}],
      hjxwbBmf:[{}],
      hjxwbTmf:[{}],
      hjxwbBasf:[{}],
      hjxwbSwljxbz:[{}],
      hjxwbQthjxwxx:[{}],
      stwhbHjwhfl:[{}],
      stwhbYl:[{}],
      stwhbSswjzsw:[{}],
      stwhbZl:[{}],
      stwhbSszw:[{}],
      stwhbSswsw:[{}],
      stwhbQtsssw:[{}],
      stwhbDxsw:[{}],
      stwhbLsjzsw:[{}],
      stwhbLszw:[{}],
      stwhbLstrsw:[{}],
      stwhbLstrwsw:[{}],
      stwhbNl:[{}],
      stwhbQtlssw:[{}],
      stwhbQtstdx:[{}],
      jkwhbJkwhfl:[{}],
      jkwhbJkjxdx:[{}],
      jkwhbJpjxdx:[{}],
      jkwhbXrjxdx:[{}],
      jkwhbMxjkdx:[{}],
      jkwhbMxjpdx:[{}],
      jkwhbMxxrdx:[{}],
      jkwhbZax:[{}],
      jkwhbRfc:[{}],
      jkwhbRfd:[{}],
      jkwhbJksf:[{}],
      jkwhbXriur:[{}],
      jkwhbYysyz:[{}],
      jkwhbZtbx:[{}],
      jkwhbSzdx:[{}],
      jkwhbSjdx:[{}],
      jkwhbPfzm:[{}],
      jkwhbHxzm:[{}],
      jkwhbFscjx:[{}],
      jkwhbLxbxxx:[{}],
      jkwhbQtdlxxx:[{}],
      jkwhbJkdddlx:[{}],
      jkwhbJkwhxxbz:[{}],
      hyxxbZyytms:[{}],
      hyxxbHyscl:[{}],
      hyxxbHysyl:[{}],
      hyxxbHygndg:[{}],
      hyxxbHyyyly:[{}],
      hyxxbHyscgyms:[{}],
      hyxxbHysygyms:[{}],
      hyxxbScsybz:[{}],
      hyxxbPfxsdq:[{}],
      hyxxbPfxss:[{}]

    }

  },
  watch: {
    elementId() {
      this.queryElement()
    }
  },
  mounted() {
    // console.log('elementID:' + this.elementId)
    // console.log(this.perms)
    this.queryElement()
    if (this.perms === 'admin') {
      this.label = '更新'
      this.label_add = '增加'
    } else if (this.perms === 'guest') {
      this.label = ''
      this.label_add = ''
    } else {
      this.label = '纠错'
      this.label_add = '增加'
    }
  },
  methods: {
    queryElement: function () {
      this.$api.element.findById(this.elementId).then(res => {
        this.element = res.data
        console.log(this.element)
      })
    },
    addRecordLhsxb: function (name) {
      this.AddFlag = true
      this.addRecordLhsxbFlag = true
      this.labelName = name
      this.btName = "新增"
      switch(name){
        case "基本性状":
          this.showdata=this.lhsxbJbxz
          break
        case "沸点":
          this.showdata=this.lhsxbFd
          break
        case "水溶解度":
          this.showdata=this.lhsxbSrjd
          break
        case "饱和蒸气压":
          this.showdata=this.lhsxbBhzqy
          break
        case "熔点":
          this.showdata=this.lhsxbRd
          break
        case "相对密度":
          this.showdata=this.lhsxbXdmd
          break
        case "闪点":
          this.showdata=this.lhsxbSd
          break
        case "亨利常数":
          this.showdata=this.lhsxbHlcs
          break
        case "Log Kow":
          this.showdata=this.lhsxbLogkow
          break
        case "Koc":
          this.showdata=this.lhsxbKoc
          break
        case "解离常数":
          this.showdata=this.lhsxbJlcs
          break
        case "燃烧性":
          this.showdata=this.lhsxbRsx
          break
        case "氧化性":
          this.showdata=this.lhsxbYhx
          break
        case "爆炸性":
          this.showdata=this.lhsxbBzx
          break
        case "表面张力":
          this.showdata=this.lhsxbBmzl
          break
        case "PH":
          this.showdata=this.lhsxbPh
          break
        default:
          console.log("******")
      }
    },
    addRecordHjxwb: function (name) {
      this.AddFlag = true
      this.addRecordHjxwbFlag = true
      this.labelName = name
      this.btName = "新增"
      switch(name){
        case "环境行为概述":
          this.showdata=this.hjxwbHjxwgs
          break
        case "生物降解半衰期":
          this.showdata=this.hjxwbSwjjbsq
          break
        case "生物降解":
          this.showdata=this.hjxwbSwjj
          break
        case "光解半衰期":
          this.showdata=this.hjxwbGjbsq
          break
        case "水解半衰期":
          this.showdata=this.hjxwbSjbsq
          break
        case "其他降解性说明":
          this.showdata=this.hjxwbQtjjxsm
          break
        case "BCF值":
          this.showdata=this.hjxwbBcf
          break
        case "BMF值":
          this.showdata=this.hjxwbBmf
          break
        case "TMF值":
          this.showdata=this.hjxwbTmf
          break
        case "BASF值":
          this.showdata=this.hjxwbBasf
          break
        case "生物积累性备注":
          this.showdata=this.hjxwbSwljxbz
          break
        case "其他环境行为信息":
          this.showdata=this.hjxwbQthjxwxx
          break
        default:
          console.log("******")
      }
    },
    addRecordStwhb: function (name) {
      this.AddFlag = true
      this.addRecordStwhbFlag = true
      this.labelName = name
      this.btName = "新增"
      switch(name){
        case "环境危害分类":
          this.showdata=this.stwhbHjwhfl
          break
        case "鱼类":
          this.showdata=this.stwhbYl
          break
        case "水生无脊椎生物":
          this.showdata=this.stwhbSswjzsw
          break
        case "藻类":
          this.showdata=this.stwhbZl
          break
        case "水生植物":
          this.showdata=this.stwhbSszw
          break
        case "水生微生物":
          this.showdata=this.stwhbSswsw
          break
        case "其他水生":
          this.showdata=this.stwhbQtsssw
          break
        case "底栖生物":
          this.showdata=this.stwhbDxsw
          break
        case "陆生节肢生物":
          this.showdata=this.stwhbLsjzsw
          break
        case "陆生植物":
          this.showdata=this.stwhbLszw
          break
        case "陆生土壤生物":
          this.showdata=this.stwhbLstrsw
          break
        case "陆生土壤微生物":
          this.showdata=this.stwhbLstrwsw
          break
        case "鸟类":
          this.showdata=this.stwhbNl
          break
        case "其他陆生生物":
          this.showdata=this.stwhbQtlssw
          break
        case "其他生态毒性":
          this.showdata=this.stwhbQtstdx
          break
        default:
          console.log("**********")
      }
    },
    addRecordJkwhb: function (name) {
      this.AddFlag = true
      this.addRecordJkwhbFlag = true
      this.labelName = name
      this.btName = "新增"
      switch(name){
        case "健康危害分类":
          this.showdata=this.jkwhbJkwhfl
          break
        case "经口急性毒性":
          this.showdata=this.jkwhbJkjxdx
          break
        case "经皮急性毒性":
          this.showdata=this.jkwhbJpjxdx
          break
        case "吸入急性毒性":
          this.showdata=this.jkwhbXrjxdx
          break
        case "慢性经口毒性":
          this.showdata=this.jkwhbMxjkdx
          break
        case "慢性经皮毒性":
          this.showdata=this.jkwhbMxjpdx
          break
        case "慢性吸入毒性":
          this.showdata=this.jkwhbMxxrdx
          break
        case "致癌性":
          this.showdata=this.jkwhbZax
          break
        case "RfC":
          this.showdata=this.jkwhbRfc
          break
        case "RfD":
          this.showdata=this.jkwhbRfd
          break
        case "经口SF":
          this.showdata=this.jkwhbJksf
          break
        case "吸入IUR":
          this.showdata=this.jkwhbXriur
          break
        case "饮用水因子":
          this.showdata=this.jkwhbYysyz
          break
        case "致突变性":
          this.showdata=this.jkwhbZtbx
          break
        case "生殖毒性":
          this.showdata=this.jkwhbSzdx
          break
        case "神经毒性":
          this.showdata=this.jkwhbSjdx
          break
        case "皮肤致敏":
          this.showdata=this.jkwhbPfzm
          break
        case "呼吸致敏":
          this.showdata=this.jkwhbHxzm
          break
        case "腐蚀/刺激性":
          this.showdata=this.jkwhbFscjx
          break
        case "流行病学信息":
          this.showdata=this.jkwhbLxbxxx
          break
        case "其他毒理学信息":
          this.showdata=this.jkwhbQtdlxxx
          break
        case "健康毒代动力学":
          this.showdata=this.jkwhbJkdddlx
          break
        case "健康危害信息备注":
          this.showdata=this.jkwhbJkwhxxbz
          break
        default:
          console.log("********")
      }
    },
    addRecordHyxxb: function (name) {
      this.AddFlag = true
      this.addRecordHyxxbFlag = true
      this.labelName = name
      this.btName = "新增"
      switch(name){
        case "主要用途描述":
          this.showdata=this.hyxxbZyytms
          break
        case "行业生产量":
          this.showdata=this.hyxxbHyscl
          break
        case "行业使用量":
          this.showdata=this.hyxxbHysyl
          break
        case "行业功能（多个）":
          this.showdata=this.hyxxbHygndg
          break
        case "行业应用领域":
          this.showdata=this.hyxxbHyyyly
          break
        case "行业生产工艺描述":
          this.showdata=this.hyxxbHyscgyms
          break
        case "行业使用工艺描述":
          this.showdata=this.hyxxbHysygyms
          break
        case "生产使用备注":
          this.showdata=this.hyxxbScsybz
          break
        case "排放系数（大气）":
          this.showdata=this.hyxxbPfxsdq
          break
        case "排放系数（水）":
          this.showdata=this.hyxxbPfxss
          break
        default:
          console.log("*******")
      }
    },
    afterCloseAdd: function () {
      this.addRecordLhsxbFlag = false
      this.addRecordHjxwbFlag = false
      this.addRecordStwhbFlag = false
      this.addRecordJkwhbFlag = false
      this.addRecordHyxxbFlag = false
    },
    updateLhsxb: function (name) {
      this.UpdateFlag = true
      this.updateLhsxbFlag = true
      this.labelName = name
      this.btName = this.label
      switch(name){
        case "基本性状":
          this.showdata = this.lhsxbJbxz
          break
        case "沸点":
          this.showdata=this.lhsxbFd
          break
        case "水溶解度":
          this.showdata=this.lhsxbSrjd
          break
        case "饱和蒸气压":
          this.showdata=this.lhsxbBhzqy
          break
        case "熔点":
          this.showdata=this.lhsxbRd
          break
        case "相对密度":
          this.showdata=this.lhsxbXdmd
          break
        case "闪点":
          this.showdata=this.lhsxbSd
          break
        case "亨利常数":
          this.showdata=this.lhsxbHlcs
          break
        case "Log Kow":
          this.showdata=this.lhsxbLogkow
          break
        case "Koc":
          this.showdata=this.lhsxbKoc
          break
        case "解离常数":
          this.showdata=this.lhsxbJlcs
          break
        case "燃烧性":
          this.showdata=this.lhsxbRsx
          break
        case "氧化性":
          this.showdata=this.lhsxbYhx
          break
        case "爆炸性":
          this.showdata=this.lhsxbBzx
          break
        case "表面张力":
          this.showdata=this.lhsxbBmzl
          break
        case "PH":
          this.showdata=this.lhsxbPh
          break
        default:
          console.log("******")
      }
    },
    updateHjxwb: function (name) {
      this.UpdateFlag = true
      this.updateHjxwbFlag = true
      this.labelName = name
      this.btName = this.label
      switch(name){
        case "环境行为概述":
          this.showdata=this.hjxwbHjxwgs
          break
        case "生物降解半衰期":
          this.showdata=this.hjxwbSwjjbsq
          break
        case "生物降解":
          this.showdata=this.hjxwbSwjj
          break
        case "光解半衰期":
          this.showdata=this.hjxwbGjbsq
          break
        case "水解半衰期":
          this.showdata=this.hjxwbSjbsq
          break
        case "其他降解性说明":
          this.showdata=this.hjxwbQtjjxsm
          break
        case "BCF值":
          this.showdata=this.hjxwbBcf
          break
        case "BMF值":
          this.showdata=this.hjxwbBmf
          break
        case "TMF值":
          this.showdata=this.hjxwbTmf
          break
        case "BASF值":
          this.showdata=this.hjxwbBasf
          break
        case "生物积累性备注":
          this.showdata=this.hjxwbSwljxbz
          break
        case "其他环境行为信息":
          this.showdata=this.hjxwbQthjxwxx
          break
        default:
          console.log("******")
      }
    },
    updateStwhb: function (name) {
      this.UpdateFlag = true
      this.updateStwhbFlag = true
      this.labelName = name
      this.btName = this.label
      switch(name){
        case "环境危害分类":
          this.showdata=this.stwhbHjwhfl
          break
        case "鱼类":
          this.showdata=this.stwhbYl
          break
        case "水生无脊椎生物":
          this.showdata=this.stwhbSswjzsw
          break
        case "藻类":
          this.showdata=this.stwhbZl
          break
        case "水生植物":
          this.showdata=this.stwhbSszw
          break
        case "水生微生物":
          this.showdata=this.stwhbSswsw
          break
        case "其他水生":
          this.showdata=this.stwhbQtsssw
          break
        case "底栖生物":
          this.showdata=this.stwhbDxsw
          break
        case "陆生节肢生物":
          this.showdata=this.stwhbLsjzsw
          break
        case "陆生植物":
          this.showdata=this.stwhbLszw
          break
        case "陆生土壤生物":
          this.showdata=this.stwhbLstrsw
          break
        case "陆生土壤微生物":
          this.showdata=this.stwhbLstrwsw
          break
        case "鸟类":
          this.showdata=this.stwhbNl
          break
        case "其他陆生生物":
          this.showdata=this.stwhbQtlssw
          break
        case "其他生态毒性":
          this.showdata=this.stwhbQtstdx
          break
        default:
          console.log("**********")
      }
    },
    updateJkwhb: function (name) {
      this.UpdateFlag = true
      this.updateJkwhbFlag = true
      this.labelName = name
      this.btName = this.label
      switch(name){
        case "健康危害分类":
          this.showdata=this.jkwhbJkwhfl
          break
        case "经口急性毒性":
          this.showdata=this.jkwhbJkjxdx
          break
        case "经皮急性毒性":
          this.showdata=this.jkwhbJpjxdx
          break
        case "吸入急性毒性":
          this.showdata=this.jkwhbXrjxdx
          break
        case "慢性经口毒性":
          this.showdata=this.jkwhbMxjkdx
          break
        case "慢性经皮毒性":
          this.showdata=this.jkwhbMxjpdx
          break
        case "慢性吸入毒性":
          this.showdata=this.jkwhbMxxrdx
          break
        case "致癌性":
          this.showdata=this.jkwhbZax
          break
        case "RfC":
          this.showdata=this.jkwhbRfc
          break
        case "RfD":
          this.showdata=this.jkwhbRfd
          break
        case "经口SF":
          this.showdata=this.jkwhbJksf
          break
        case "吸入IUR":
          this.showdata=this.jkwhbXriur
          break
        case "饮用水因子":
          this.showdata=this.jkwhbYysyz
          break
        case "致突变性":
          this.showdata=this.jkwhbZtbx
          break
        case "生殖毒性":
          this.showdata=this.jkwhbSzdx
          break
        case "神经毒性":
          this.showdata=this.jkwhbSjdx
          break
        case "皮肤致敏":
          this.showdata=this.jkwhbPfzm
          break
        case "呼吸致敏":
          this.showdata=this.jkwhbHxzm
          break
        case "腐蚀/刺激性":
          this.showdata=this.jkwhbFscjx
          break
        case "流行病学信息":
          this.showdata=this.jkwhbLxbxxx
          break
        case "其他毒理学信息":
          this.showdata=this.jkwhbQtdlxxx
          break
        case "健康毒代动力学":
          this.showdata=this.jkwhbJkdddlx
          break
        case "健康危害信息备注":
          this.showdata=this.jkwhbJkwhxxbz
          break
        default:
          console.log("********")
      }
    },
    updateHyxxb: function (name) {
      this.UpdateFlag = true
      this.updateHyxxbFlag = true
      this.labelName = name
      this.btName = this.label
      switch(name){
        case "主要用途描述":
          this.showdata=this.hyxxbZyytms
          break
        case "行业生产量":
          this.showdata=this.hyxxbHyscl
          break
        case "行业使用量":
          this.showdata=this.hyxxbHysyl
          break
        case "行业功能（多个）":
          this.showdata=this.hyxxbHygndg
          break
        case "行业应用领域":
          this.showdata=this.hyxxbHyyyly
          break
        case "行业生产工艺描述":
          this.showdata=this.hyxxbHyscgyms
          break
        case "行业使用工艺描述":
          this.showdata=this.hyxxbHysygyms
          break
        case "生产使用备注":
          this.showdata=this.hyxxbScsybz
          break
        case "排放系数（大气）":
          this.showdata=this.hyxxbPfxsdq
          break
        case "排放系数（水）":
          this.showdata=this.hyxxbPfxss
          break
        default:
          console.log("*******")
      }
    },
    afterCloseUpdate: function () {
      this.updateLhsxbFlag = false
      this.updateHjxwbFlag = false
      this.updateStwhbFlag = false
      this.updateJkwhbFlag = false
      this.updateHyxxbFlag = false
    },
    afterCloseMore: function () {
      this.moreLhsxbFlag = false
      this.moreHjxwbFlag = false
      this.moreStwhbFlag = false
      this.moreJkwhbFlag = false
      this.moreHyxxbFlag = false
    },
    handleClick:function (tab) {
      this.findParams.elementId=this.elementId
      console.log(tab.name)
      if(tab.name === 'lhsxb'){
        this.$api.addrecord.findAllInLhsxb(this.findParams).then(res => {
          this.lhsxbData = res.data
          console.log(this.lhsxbData)
          for ( var i = 0; i < this.lhsxbData.length; i++) {
            switch(this.lhsxbData[i].attribute){
              case "基本性状":
                this.lhsxbJbxz=this.lhsxbData[i]
                break
              case "沸点":
                this.lhsxbFd=this.lhsxbData[i]
                break
              case "水溶解度":
                this.lhsxbSrjd=this.lhsxbData[i]
                break
              case "饱和蒸气压":
                this.lhsxbBhzqy=this.lhsxbData[i]
                break
              case "熔点":
                this.lhsxbRd=this.lhsxbData[i]
                break
              case "相对密度":
                this.lhsxbXdmd=this.lhsxbData[i]
                break
              case "闪点":
                this.lhsxbSd=this.lhsxbData[i]
                break
              case "亨利常数":
                this.lhsxbHlcs=this.lhsxbData[i]
                break
              case "Log Kow":
                this.lhsxbLogkow=this.lhsxbData[i]
                break
              case "Koc":
                this.lhsxbKoc=this.lhsxbData[i]
                break
              case "解离常数":
                this.lhsxbJlcs=this.lhsxbData[i]
                break
              case "燃烧性":
                this.lhsxbRsx=this.lhsxbData[i]
                break
              case "氧化性":
                this.lhsxbYhx=this.lhsxbData[i]
                break
              case "爆炸性":
                this.lhsxbBzx=this.lhsxbData[i]
                break
              case "表面张力":
                this.lhsxbBmzl=this.lhsxbData[i]
                break
              case "PH":
                this.lhsxbPh=this.lhsxbData[i]
                break
              default:
                console.log(this.lhsxbData[i])
            }
          }
        })
      } else if(tab.name==='hjxwb'){
        this.$api.addrecord.findAllInHjxwb(this.findParams).then(res => {
          this.hjxwbData = res.data
          for (var i = 0; i < this.hjxwbData.length; i++) {
            switch(this.hjxwbData[i].attribute){
              case "环境行为概述":
                this.hjxwbHjxwgs=this.hjxwbData[i]
                break
              case "生物降解半衰期":
                this.hjxwbSwjjbsq=this.hjxwbData[i]
                break
              case "生物降解":
                this.hjxwbSwjj=this.hjxwbData[i]
                break
              case "光解半衰期":
                this.hjxwbGjbsq=this.hjxwbData[i]
                break
              case "水解半衰期":
                this.hjxwbSjbsq=this.hjxwbData[i]
                break
              case "其他降解性说明":
                this.hjxwbQtjjxsm=this.hjxwbData[i]
                break
              case "BCF值":
                this.hjxwbBcf=this.hjxwbData[i]
                break
              case "BMF值":
                this.hjxwbBmf=this.hjxwbData[i]
                break
              case "TMF值":
                this.hjxwbTmf=this.hjxwbData[i]
                break
              case "BASF值":
                this.hjxwbBasf=this.hjxwbData[i]
                break
              case "生物积累性备注":
                this.hjxwbSwljxbz=this.hjxwbData[i]
                break
              case "其他环境行为信息":
                this.hjxwbQthjxwxx=this.hjxwbData[i]
                break
              default:
                console.log(this.hjxwbData[i])
            }
          }
        })
      }else if(tab.name==='stwhb'){
        this.$api.addrecord.findAllInStwhb(this.findParams).then(res => {
          this.stwhbData = res.data
          for (var i = 0; i < this.stwhbData.length; i++) {
            switch(this.stwhbData[i].attribute){
              case "环境危害分类":
                this.stwhbHjwhfl=this.stwhbData[i]
                break
              case "鱼类":
                this.stwhbYl=this.stwhbData[i]
                break
              case "水生无脊椎生物":
                this.stwhbSswjzsw=this.stwhbData[i]
                break
              case "藻类":
                this.stwhbZl=this.stwhbData[i]
                break
              case "水生植物":
                this.stwhbSszw=this.stwhbData[i]
                break
              case "水生微生物":
                this.stwhbSswsw=this.stwhbData[i]
                break
              case "其他水生":
                this.stwhbQtsssw=this.stwhbData[i]
                break
              case "底栖生物":
                this.stwhbDxsw=this.stwhbData[i]
                break
              case "陆生节肢生物":
                this.stwhbLsjzsw=this.stwhbData[i]
                break
              case "陆生植物":
                this.stwhbLszw=this.stwhbData[i]
                break
              case "陆生土壤生物":
                this.stwhbLstrsw=this.stwhbData[i]
                break
              case "陆生土壤微生物":
                this.stwhbLstrwsw=this.stwhbData[i]
                break
              case "鸟类":
                this.stwhbNl=this.stwhbData[i]
                break
              case "其他陆生生物":
                this.stwhbQtlssw=this.stwhbData[i]
                break
              case "其他生态毒性":
                this.stwhbQtstdx=this.stwhbData[i]
                break
              default:
                console.log(this.stwhbData[i])
            }
          }
        })
      }else if(tab.name==='jkwhb'){
        this.$api.addrecord.findAllInJkwhb(this.findParams).then(res => {
          this.jkwhbData = res.data
          for (var i = 0; i < this.jkwhbData.length; i++) {
            switch(this.jkwhbData[i].attribute){
              case "健康危害分类":
                this.jkwhbJkwhfl=this.jkwhbData[i]
                break
              case "经口急性毒性":
                this.jkwhbJkjxdx=this.jkwhbData[i]
                break
              case "经皮急性毒性":
                this.jkwhbJpjxdx=this.jkwhbData[i]
                break
              case "吸入急性毒性":
                this.jkwhbXrjxdx=this.jkwhbData[i]
                break
              case "慢性经口毒性":
                this.jkwhbMxjkdx=this.jkwhbData[i]
                break
              case "慢性经皮毒性":
                this.jkwhbMxjpdx=this.jkwhbData[i]
                break
              case "慢性吸入毒性":
                this.jkwhbMxxrdx=this.jkwhbData[i]
                break
              case "致癌性":
                this.jkwhbZax=this.jkwhbData[i]
                break
              case "RfC":
                this.jkwhbRfc=this.jkwhbData[i]
                break
              case "RfD":
                this.jkwhbRfd=this.jkwhbData[i]
                break
              case "经口SF":
                this.jkwhbJksf=this.jkwhbData[i]
                break
              case "吸入IUR":
                this.jkwhbXriur=this.jkwhbData[i]
                break
              case "饮用水因子":
                this.jkwhbYysyz=this.jkwhbData[i]
                break
              case "致突变性":
                this.jkwhbZtbx=this.jkwhbData[i]
                break
              case "生殖毒性":
                this.jkwhbSzdx=this.jkwhbData[i]
                break
              case "神经毒性":
                this.jkwhbSjdx=this.jkwhbData[i]
                break
              case "皮肤致敏":
                this.jkwhbPfzm=this.jkwhbData[i]
                break
              case "呼吸致敏":
                this.jkwhbHxzm=this.jkwhbData[i]
                break
              case "腐蚀/刺激性":
                this.jkwhbFscjx=this.jkwhbData[i]
                break
              case "流行病学信息":
                this.jkwhbLxbxxx=this.jkwhbData[i]
                break
              case "其他毒理学信息":
                this.jkwhbQtdlxxx=this.jkwhbData[i]
                break
              case "健康毒代动力学":
                this.jkwhbJkdddlx=this.jkwhbData[i]
                break
              case "健康危害信息备注":
                this.jkwhbJkwhxxbz=this.jkwhbData[i]
                break
              default:
                console.log(this.jkwhbData[i])
            }
          }
        })
      }else{
        this.$api.addrecord.findAllInHyxxb(this.findParams).then(res => {
          this.hyxxbData = res.data
          for (var i = 0; i < this.hyxxbData.length; i++) {
            switch(this.hyxxbData[i].attribute){
              case "主要用途描述":
                this.hyxxbZyytms=this.hyxxbData[i]
                break
              case "行业生产量":
                this.hyxxbHyscl=this.hyxxbData[i]
                break
              case "行业使用量":
                this.hyxxbHysyl=this.hyxxbData[i]
                break
              case "行业功能（多个）":
                this.hyxxbHygndg=this.hyxxbData[i]
                break
              case "行业应用领域":
                this.hyxxbHyyyly=this.hyxxbData[i]
                break
              case "行业生产工艺描述":
                this.hyxxbHyscgyms=this.hyxxbData[i]
                break
              case "行业使用工艺描述":
                this.hyxxbHysygyms=this.hyxxbData[i]
                break
              case "生产使用备注":
                this.hyxxbScsybz=this.hyxxbData[i]
                break
              case "排放系数（大气）":
                this.hyxxbPfxsdq=this.hyxxbData[i]
                break
              case "排放系数（水）":
                this.hyxxbPfxss=this.hyxxbData[i]
                break
              default:
                console.log(this.hyxxbData[i])
            }
          }
        })

      }
    },
    viewMoreLhsxb:function (name) {
      this.ViewFlag=true
      this.moreLhsxbFlag=true
      this.title="理化属性表"
      this.attribute=name
      this.btName = this.label
      switch(name){
        case "基本性状":
          this.showdata=this.lhsxbJbxz
          break
        case "沸点":
          this.showdata=this.lhsxbFd
          break
        case "水溶解度":
          this.showdata=this.lhsxbSrjd
          break
        case "饱和蒸气压":
          this.showdata=this.lhsxbBhzqy
          break
        case "熔点":
          this.showdata=this.lhsxbRd
          break
        case "相对密度":
          this.showdata=this.lhsxbXdmd
          break
        case "闪点":
          this.showdata=this.lhsxbSd
          break
        case "亨利常数":
          this.showdata=this.lhsxbHlcs
          break
        case "Log Kow":
          this.showdata=this.lhsxbLogkow
          break
        case "Koc":
          this.showdata=this.lhsxbKoc
          break
        case "解离常数":
          this.showdata=this.lhsxbJlcs
          break
        case "燃烧性":
          this.showdata=this.lhsxbRsx
          break
        case "氧化性":
          this.showdata=this.lhsxbYhx
          break
        case "爆炸性":
          this.showdata=this.lhsxbBzx
          break
        case "表面张力":
          this.showdata=this.lhsxbBmzl
          break
        case "PH":
          this.showdata=this.lhsxbPh
          break
        default:
          console.log("******")
      }
    },
    viewMoreHjxwb:function (name) {
      this.ViewFlag=true
      this.moreHjxwbFlag=true
      this.title="环境行为表"
      this.attribute=name
      this.btName = this.label
      switch(name){
        case "环境行为概述":
          this.showdata=this.hjxwbHjxwgs
          break
        case "生物降解半衰期":
          this.showdata=this.hjxwbSwjjbsq
          break
        case "生物降解":
          this.showdata=this.hjxwbSwjj
          break
        case "光解半衰期":
          this.showdata=this.hjxwbGjbsq
          break
        case "水解半衰期":
          this.showdata=this.hjxwbSjbsq
          break
        case "其他降解性说明":
          this.showdata=this.hjxwbQtjjxsm
          break
        case "BCF值":
          this.showdata=this.hjxwbBcf
          break
        case "BMF值":
          this.showdata=this.hjxwbBmf
          break
        case "TMF值":
          this.showdata=this.hjxwbTmf
          break
        case "BASF值":
          this.showdata=this.hjxwbBasf
          break
        case "生物积累性备注":
          this.showdata=this.hjxwbSwljxbz
          break
        case "其他环境行为信息":
          this.showdata=this.hjxwbQthjxwxx
          break
        default:
          console.log("******")
      }
    },
    viewMoreStwhb:function (name) {
      this.ViewFlag=true
      this.moreStwhbFlag=true
      this.title="生态危害表"
      this.attribute=name
      this.btName = this.label
      switch(name){
        case "环境危害分类":
          this.showdata=this.stwhbHjwhfl
          break
        case "鱼类":
          this.showdata=this.stwhbYl
          break
        case "水生无脊椎生物":
          this.showdata=this.stwhbSswjzsw
          break
        case "藻类":
          this.showdata=this.stwhbZl
          break
        case "水生植物":
          this.showdata=this.stwhbSszw
          break
        case "水生微生物":
          this.showdata=this.stwhbSswsw
          break
        case "其他水生":
          this.showdata=this.stwhbQtsssw
          break
        case "底栖生物":
          this.showdata=this.stwhbDxsw
          break
        case "陆生节肢生物":
          this.showdata=this.stwhbLsjzsw
          break
        case "陆生植物":
          this.showdata=this.stwhbLszw
          break
        case "陆生土壤生物":
          this.showdata=this.stwhbLstrsw
          break
        case "陆生土壤微生物":
          this.showdata=this.stwhbLstrwsw
          break
        case "鸟类":
          this.showdata=this.stwhbNl
          break
        case "其他陆生生物":
          this.showdata=this.stwhbQtlssw
          break
        case "其他生态毒性":
          this.showdata=this.stwhbQtstdx
          break
        default:
          console.log("**********")
      }
    },
    viewMoreJkwhb:function (name) {
      this.ViewFlag=true
      this.moreJkwhbFlag=true
      this.title="健康危害表"
      this.attribute=name
      this.btName = this.label
      switch(name){
        case "健康危害分类":
          this.showdata=this.jkwhbJkwhfl
          break
        case "经口急性毒性":
          this.showdata=this.jkwhbJkjxdx
          break
        case "经皮急性毒性":
          this.showdata=this.jkwhbJpjxdx
          break
        case "吸入急性毒性":
          this.showdata=this.jkwhbXrjxdx
          break
        case "慢性经口毒性":
          this.showdata=this.jkwhbMxjkdx
          break
        case "慢性经皮毒性":
          this.showdata=this.jkwhbMxjpdx
          break
        case "慢性吸入毒性":
          this.showdata=this.jkwhbMxxrdx
          break
        case "致癌性":
          this.showdata=this.jkwhbZax
          break
        case "RfC":
          this.showdata=this.jkwhbRfc
          break
        case "RfD":
          this.showdata=this.jkwhbRfd
          break
        case "经口SF":
          this.showdata=this.jkwhbJksf
          break
        case "吸入IUR":
          this.showdata=this.jkwhbXriur
          break
        case "饮用水因子":
          this.showdata=this.jkwhbYysyz
          break
        case "致突变性":
          this.showdata=this.jkwhbZtbx
          break
        case "生殖毒性":
          this.showdata=this.jkwhbSzdx
          break
        case "神经毒性":
          this.showdata=this.jkwhbSjdx
          break
        case "皮肤致敏":
          this.showdata=this.jkwhbPfzm
          break
        case "呼吸致敏":
          this.showdata=this.jkwhbHxzm
          break
        case "腐蚀/刺激性":
          this.showdata=this.jkwhbFscjx
          break
        case "流行病学信息":
          this.showdata=this.jkwhbLxbxxx
          break
        case "其他毒理学信息":
          this.showdata=this.jkwhbQtdlxxx
          break
        case "健康毒代动力学":
          this.showdata=this.jkwhbJkdddlx
          break
        case "健康危害信息备注":
          this.showdata=this.jkwhbJkwhxxbz
          break
        default:
          console.log("********")
      }
    },
    viewMoreHyxxb:function (name) {
      this.ViewFlag=true
      this.moreHyxxbFlag=true
      this.title="行业信息表"
      this.attribute=name
      this.btName = this.label
      switch(name){
        case "主要用途描述":
          this.showdata=this.hyxxbZyytms
          break
        case "行业生产量":
          this.showdata=this.hyxxbHyscl
          break
        case "行业使用量":
          this.showdata=this.hyxxbHysyl
          break
        case "行业功能（多个）":
          this.showdata=this.hyxxbHygndg
          break
        case "行业应用领域":
          this.showdata=this.hyxxbHyyyly
          break
        case "行业生产工艺描述":
          this.showdata=this.hyxxbHyscgyms
          break
        case "行业使用工艺描述":
          this.showdata=this.hyxxbHysygyms
          break
        case "生产使用备注":
          this.showdata=this.hyxxbScsybz
          break
        case "排放系数（大气）":
          this.showdata=this.hyxxbPfxsdq
          break
        case "排放系数（水）":
          this.showdata=this.hyxxbPfxss
          break
        default:
          console.log("*******")
      }
    },

    // addRecordLhsxbFd:function(){
    //   this.Flag=true
    //   this.addRecordLhsxbFlag = true
    //   this.hjxwbMark=2
    // }

  }
}

</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped >
body {
  background-color: #efeff4;
}

p {
  text-indent: 22px;
}

span.mui-icon {
  font-size: 30px;
  color: #007aff;
  margin-left: -15px;
  padding-right: 10px;
}

.mui-off-canvas-right {
  color: #fff;
}

.title {
  padding: 10px 2px;
  background-color: #007aff;
  color: #fff;
  text-indent: 1em;
  /*font-size: 20px;*/
  font-weight: bold;
  line-height: 24px;
}

.mui-scroll h4 {
  width: 100%;
  float: left;
  font-family: "微软雅黑";
  font-weight: 500;
  padding-left: 3%;
  background-color: rgba(200, 200, 200, 0.3);
  padding: 10px;
  color: #242424;
}
.elementDetail{
  height: 560px;
}
.content {
  width: 100%;
  padding: 5px;
  height: auto;
}

input {
  color: #000;
}

table {
  /*合并相邻边框*/
  border-collapse: collapse;
  /*position: absolute;*/
  width: 100%;
  margin: 0 auto;
}
#baseinfo {
  border-collapse: collapse;
  position: absolute;
  width: 100%;
  margin: 0 auto;
}
/*.ctltable{
  border-collapse: collapse;
  table-layout:fixed}
.ctltable td {
  text-overflow:ellipsis;
  overflow:hidden;
  white-space: nowrap;
  padding:2px}*/
th {
  position: sticky;
  top: 0;
  font-size: 22px;
  font-weight: 550;
  border: 1px solid #f9fdff;
  color:#ffffff;
  background-color: #4472c4;
}
tr:nth-child(odd) {
  background: #e9ebf5;
}
tr:nth-child(even){
  background: #cfd5ea;
}
img {
  /*border-bottom: 1px solid #e9ebf5;*/
}
td {
  font-size: 18px;
  border: 1px solid #f9fdff;
  color: #666;
  font-family: "Times New Roman";
  /*background-color: #cfd5ea;*/
}
body .el-scrollbar__wrap {
  overflow-x: hidden;
}

/*body.el-button{*/
/*  display: block;*/
/*  font-size: 18px;*/
/*}*/

.el-button {
  padding: 10px -10px;
  font-size: 17px;
  /*background: black;*/
  margin-left: 0;


}

</style>
